/*
	AtmoPACA style
	© 2008 Simalis
	Service WebDesign
*/

/* tags html
-------------------------------------------------------*/
*{
	font-size:11px;
	font-family:"Trebuchet MS", Verdana, Arial;
}
html, body {
	margin:0;
	padding:0;
	border:0 none;
	width:100%;
}
body {
	background:#fff url(../images/header_bg.jpg) repeat-x 0 0 ;
	color: #000;
	line-height:1.5em;
}
.bodyFicheDoc {
	background:#fff ;
}
h1,h2,h3,h4,h5,h6,p{
	margin: 1em 0;
	padding: 0px;
}
h1,h2,h3,h4,h5,h6{
	color:#EB6909;
}
h1{	font-size: 1.6em;}
h2{	font-size: 1.4em;}
h3{	font-size: 1.2em;}
h4{	font-size: 1em;}
h5{	font-size: 0.9em;}
h6{	font-size: 0.8em;}

td{ font-size: 1em;}

a{
	font-weight:bolder;
	color:#0067A1;
	text-decoration:none;
}
a:hover{
	color:#A6C7DA;
	text-decoration:underline;
}

img{border:0 none;}

fieldset{
	padding:10px 20px;
	margin: 1em 0.5em;
}

legend{
	font-size: 1.2em;
	font-weight: bolder;
	color: #0067A1;
	padding:5px;
}
input, select, textarea{
	font: 11px "Trebuchet MS", Verdana, Arial;
}
select option{
	background:#f0f0f0;
}

/* hack FF pour masquer les contours pointillé sur les liens
-------------------------------------------------------*/
	a{outline: none;}
	:focus{-moz-outline-style: none;}

/* class generales
-------------------------------------------------------*/
.showbloc{display:block;}
.hidebloc{display:none;}
.nomarge{
	padding:0;
	margin:0;
}
.alignright{text-align:right;}
.aligncenter{text-align:center;}
.title{ 
	background:transparent url(../images/h2_bg.gif) no-repeat 0 0; 
	padding: 2px 0 0 35px;
}
.wash {
	clear:both;
	display:block;
	font-size:1px;
	height:1px;
	margin:0;
	padding:0;
	border:0 none;
	width:100%;
}

#site{
	width:1250px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-625px;
}

/* header
-------------------------------------------------------*/
.header{
	padding:6px 0 0 0;
	margin:0 auto;
	width:990px;
	height:99px;
}
.header h1{
	float:left;
	margin:0;
	padding:0;
	width:285px;
	height:54px;
	background:transparent url(../images/logo_atmopaca.gif) no-repeat center center ;
	text-indent:-9999em;
}
/* champ de recherche */
.searchbox{
	float:right;
	margin:0;
	padding:2px 10px 0 0;
/*	width:180px;*/
	height:26px;
/*	background:transparent url(../images/searchbox.gif) no-repeat 0 0;*/
	text-align:center;
}
.searchbox #keyword{
	border:1px solid #299DDC;
	background:#CBE1F5;
	color:#25a2cf;
}
.searchbox #keyword:focus{
	background-color:#fff;
}
.searchbox label{
	display:none;
}
.searchbox input{
	font-size:0.8em;
	height:14px;
}
#gosearch{
	background:transparent url(../images/gosearch.gif) no-repeat center center;
	width:18px;
	height:18px;
	border:none;
	text-indent:-9999em;
	cursor:pointer;
}
/* lien de la visite guidée */
p.firstvisit{
	clear:left;
	float:left;
	margin:0;
	padding:2px 0 0 7px;
	height:20px;
	width:97px;
	background:transparent url(../images/firstvisit.gif) no-repeat 0 0;
}
p.firstvisit a{
	color:#fff;
	text-decoration:none;
	font-size:11px;
}
p.firstvisit a:hover{
	text-decoration:underline;
}
/* 3 liens de droite */
ul.headlinks{
	clear:right;
	float:right;
	margin:0;
	padding:2px 0 0 0;
	width:150px;
}
ul.headlinks li{
	margin:0;
	padding:0 10px 0 0;
	list-style:none;
	width:130px;
	height:21px;
	text-align:right;
	font-size:1em;
}
ul.headlinks li a{
	display:block;
	margin:0;
	padding:2px 0 0 0;
	height:19px;
	color:#fff;
	text-decoration:none; 
}
ul.headlinks li a:hover{
	color:#F2CC4A;
}
ul.headlinks li.lien03{background:transparent url(../images/lien03.png) no-repeat 0 0;behavior: url(/css/iepngfix.htc)}
ul.headlinks li.lien02{background:transparent url(../images/lien02.png) no-repeat 0 0;behavior: url(/css/iepngfix.htc)}
ul.headlinks li.lien01{
	height:38px;
	background:transparent url(../images/lien01.png) no-repeat 0 0;behavior: url(/css/iepngfix.htc)
	line-height:12px;
}
ul.headlinks li.lien01 a{
	display:block;
	padding:2px 10px 0 45px;
	height:36px;
	width:85px;
	background:transparent url(../images/lien01.gif) no-repeat 5px -1px;
}

/* menu
-------------------------------------------------------*/
.menu{
	margin:0 auto;
	padding:0;
	height:45px;
	background:transparent url(../images/menu_bg.jpg) no-repeat center top;
}
.content_menu{
	width:990px;
	height:54px;
	margin:0 auto;
}
.menu ul{
	margin:0;
	padding:0;
	width:811px;
	list-style:none;
	position:relative;
}
.menu ul li{
	margin: 0;
	padding: 0;
	display:inline;
	height:25px;
	float:left;
}
.menu ul li a{
	display:block;
	float:left;
	margin: 0;
	width:auto;
	height:18px;
	padding: 5px 10px 2px 10px;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	white-space:nowrap;
}
.menu ul li a:hover{
	background:#00A6DA;
	border-bottom:2px solid #00A6DA;
}
.menu ul li a.inpage{
	background:transparent url(../images/inpage.gif) no-repeat center bottom;
	color:#F2CC4A;
	border:none;
}
.menu ul li ul { /* second-level lists */
	display: none;
	position: absolute;
	top:25px;
	left:0;
/*	width:990px;
	left: 50%;
	margin-left:-495px;*/
}
.menu ul li ul li{
	font-size:0.9em;
	background:transparent url(../images/menu_separateur.gif) no-repeat right 6px;
	padding-right:1px;
}
.menu ul li ul li a{
	display:block;
	margin:0;
	padding:3px 5px 0 5px;
	height:17px;
	border:none;
}
.menu ul li ul li a:hover{
	background:#CBE1F5;/*F2CC4A;*/
	color:#0067A1;
	border:none;
}
.menu ul li ul li a.insouspage{
	background:transparent url(../images/insouspage.gif) no-repeat center bottom;
	color:#F2CC4A;
	border:none;
}

.menu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
/*	top: auto;
	left: auto;*/
}

/*.menu li:hover ul, li.over ul { /* lists nested under hovered list items 
	display: block;
}*/

/* contenu
-------------------------------------------------------*/
#content {
	clear: left;
}
div.contenu{
	padding:0 10px;
	margin:0 auto;
	width:970px;
	background:transparent url(../images/filigrane.jpg) no-repeat right 50px;
}

/* sous contenu */
.subcontent{
	margin-left:220px;
}

/* liens vers les archives des pics et indices de pollution */
.archives_link{
	text-align:right;
}
.archives_link a{
	background:transparent url(../images/archives_24.gif) no-repeat 0 center; 
	padding:10px 0 10px 30px;
}
.back_link{
	text-align:right;
}
.back_link a{
	background:transparent url(../images/archives_24.gif) no-repeat 0 center; 
	padding:10px 0 10px 30px;
}

/* tabs les onglets du contenu */
#tabs {
	border-bottom: 1px solid #FDD448;
	z-index: 1;
	padding:10px 0 0 0;
	margin:0;
	list-style:none;
	height:18px;
}

#tabs li {
	float:left;
	padding:0 5px 0 0 ;
	margin:0;
	height:18px;
}
.hideBloc{
	height:0px;
/*	width:10px;*/
	overflow:hidden;
/*	border:1px solid red;*/
}
#tabs li a,#tabs li.active a {
	display:block;
	float:left;
	padding:1px 5px 0 30px;
	margin:0;
	height:17px;
	width:auto;
	background:transparent url(../images/home_onglet_off_01.gif) no-repeat left top;
}
#tabs li span{
	display:block;
	float:left;
	padding:0;
	margin:0;
	width:12px;
	height:18px;
	background:transparent url(../images/home_onglet_off_02.gif) no-repeat 0 0;
}

#tabs li.active a {
	background:transparent url(../images/home_onglet_on_01.gif) no-repeat left top;
}
#tabs li.active span{
	background:transparent url(../images/home_onglet_on_02.gif) no-repeat 0 0;
}
#tabs a:hover {
	color:#00A4DE;
}

#tabs li.active a:hover {
	text-decoration:none;
	color:#0067A1;
}
#tabs li a em {
	display:none;
}
#tabs li.active a em {
	display:inline;
	font-style:normal;
}

/* la carte les mesures */
.iframemap, .iframechart, .iframedownload{
	width:100%;
	border-top:1px solid #FDD448;
	border-top:none;
	overflow:hidden;
}
.iframemap{
	height:442px;
}
.iframechart{
	height:560px;
}
.iframedownload{
	height:420px;
}
.iframeHidden{
  height:0px;
}
	
/* home */
ul#home_onglet{
	padding:10px 0 0 0;
	margin:0;
	list-style:none;
	height:18px;
}
ul#home_onglet li{
	float:left;
	padding:0 5px 0 0 ;
	margin:0;
	height:18px;
}
ul#home_onglet li a{
	display:block;
	float:left;
	padding:1px 5px 0 30px;
	margin:0;
	height:17px;
	width:auto;
	background:transparent url(../images/home_onglet_off_01.gif) no-repeat left top;
}
ul#home_onglet li a:hover{
	color:#00A4DE;
}
ul#home_onglet li span{
	display:block;
	float:left;
	padding:0;
	margin:0;
	width:6px;
	height:18px;
	background:transparent url(../images/home_onglet_off_02.gif) no-repeat 0 0;
}
ul#home_onglet li.home_onglet_active a{
	background:transparent url(../images/home_onglet_on_01.gif) no-repeat left top;
}
ul#home_onglet li.home_onglet_active a:hover{
	color:#00A4DE;
}
ul#home_onglet li.home_onglet_active span{
	background:transparent url(../images/home_onglet_on_02.gif) no-repeat 0 0;
}
.carte{
	clear:left;
	position:relative;
	background:transparent url(../images/carte.jpg) no-repeat left top;
	height:440px;
	width:970px;
	padding:0;
	margin:0;
}
.legendetitle{
	position:absolute;
	top:5px;
	left:5px;
	display:inline;
	padding:0 10px;
	margin:0;
	font-size:12px;
	font-weight:bolder;
	color:#0067A1;
	background:#E6F1FB;
	border:1px solid #299DDC;
}
.legendebox{
	position:absolute;
	top:28px;
	left:5px;
	z-index:20;
}
#legend{
	padding:0 0.2em;
	margin:0 1em 0 0;
	border:1px solid #ccc;
	background:#f0f0f0;
}
.legende_btn{
	padding:0;
	margin:0;
}
.legende_btn a{
	display:block;
	padding:4px 0 0 24px;
	margin:0;
	height:20px;
	font-size:10px;
/*	text-indent:-9999em;*/
	background:transparent url(../images/legende_btn.gif) no-repeat -6px center;
}
.legende_btn a:hover{
	color:#000;
}
.legende_btn_in{
	display:block;
	background:transparent url(../images/legende_btn_in.gif) no-repeat right center;
}
ul.legende_toggle {
	border:1px solid #ccc;
	padding:0.2em 0.8em;
	margin:0;
	list-style:none;
	background:#fff;
	opacity:0.8;				/* CSS3 et Mozilla récents */
	filter:alpha(opacity=80);	/* Internet Explorer 6     */
	-moz-opacity:0.8;			/* Mozilla 1.6 et infér.   */
	width:90px;
}
ul.legende_toggle li{
	padding:0;
	margin:0;
	white-space: nowrap;
	clear:left;
}
.atmo_red {
	color:#EB291C;
}
.atmo_red span{
	background:#EB291C;
}
.atmo_orange {
	color:#FD841C;
}
.atmo_orange span{
	background:#FD841C;
}
.atmo_green {
	color:#6FC35F;
}
.atmo_green span{
	background:#6FC35F;
}
.home_alerte{
	position:absolute;
	top:50px;
	left:495px;
	padding:8px 5px;
	margin:0;
	width:465px;
	height:45px;
}
.home_alerte h2{
	padding:0;
	margin:0;
	color:#fff;
	font-size:24px;
	letter-spacing:-1px;
	text-indent:110px;
}
.alert00{
	background:transparent url(../images/alerte00.jpg) no-repeat 0 0;
}
.alert01{
	background:transparent url(../images/alerte01.jpg) no-repeat 0 0;
}
.alert02{
	background:transparent url(../images/alerte02.jpg) no-repeat 0 0;
}
.home_carte_elements{
	padding:0;
	margin:0;
	list-style:none;
}
.home_carte_elements li{
	position:absolute;
	padding:0;
	margin:0;
	font-weight:bolder;
	z-index:20;
}
.italie{
	top:120px;
	left:490px;
	font-size:1.6em;
	color:#999;
}
.languedoc{
	top:260px;
	left:4px;
	width:80px;
	text-align:center;
	line-height:10px;
	font-size:0.8em;
	color:#666;
}

.home_villes{
	padding:0;
	margin:0;
	list-style:none;
}
.home_villes li{
	position:absolute;
	padding:0;
	margin:0;
	font-weight:bolder;
	z-index:50;
}
.ville_aix{		top:315px;	left:228px;}
.ville_aubagne{	top:360px;	left:252px;}
.ville_avignon{	top:240px;	left:142px;}
.ville_cannes{	top:318px;	left:380px;}
.ville_gap{	top:110px;	left:315px;}
.ville_hyeres{	top:400px;	left:334px;}
.ville_mars{	top:380px;	left:146px;}
.ville_nice{	top:280px;	left:482px;}
.ville_toulon{	top:410px;	left:265px;}

.home_atmo{
	padding:0;
	margin:0;
	list-style:none;
}
.home_atmo li{
	position:absolute;
	padding:0;
	margin:0;
	font-size:16px;
	font-weight:bolder;
	z-index:40;
}
.home_atmo li a{
	display:block;
	width: 24px;
	height: 20px;
	text-align:center;
	padding:4px 0 0 0;
	margin:0;
	text-decoration:none;
}
.atmo_aix{		top:315px;	left:203px;}
.atmo_aubagne{	top:360px;	left:226px;}
.atmo_avignon{	top:238px;	left:115px;}
.atmo_cannes{	top:296px;	left:425px;}
.atmo_gap{	top:110px;	left:286px;}
.atmo_hyeres{	top:390px;	left:308px;}
.atmo_mars{		top:363px;	left:200px;}
.atmo_nice{		top:268px;	left:457px;}
.atmo_toulon{	top:387px;	left:280px;}

.home_agglo{
	padding:0;
	margin:0;
	list-style:none;
}
.home_agglo li{
	position:absolute;
	padding:0;
	margin:0;
	font-weight:bolder;
	z-index:30;
}
.home_agglo li a{
	display:block;
	width: 50px;
	height: 50px;
	padding:0;
	margin:0;
	text-decoration:none;
	text-indent:-9999em;
}
.agglo_aix{		top:302px;	left:190px;}
.agglo_aubagne{	top:347px;	left:213px;} 
.agglo_avignon{	top:225px;	left:102px;}
.agglo_cannes{	top:283px;	left:412px;}
.agglo_gap{	top:97px;	left:273px;}
.agglo_hyeres{	top:377px;	left:295px;}
.agglo_mars{	top:350px;	left:187px;}
.agglo_nice{	top:255px;	left:444px;}
.agglo_toulon{	top:374px;	left:267px;}

.home_dept{
	padding:0;
	margin:0;
	list-style:none;
	z-index:5;
}
.home_dept li{
	display:block;
	position:absolute;
	padding:0;
	margin:0;
	font-weight:bolder;
	text-indent:-9999em;
}
.home_dept li a{
	padding:0;
	margin:0;
	text-decoration:none;
}
.dept_04{	top:95px;	left:217px;	width:208px;height:202px;}
.dept_05{	top:8px;	left:204px;	width:231px;height:198px;}
.dept_06{	top:154px;	left:380px;	width:152px;height:175px;}
.dept_13{	top:252px;	left:44px;	width:224px;height:146px;}
.dept_83{	top:263px;	left:245px;	width:183px;height:166px;}
.dept_84{	top:151px;	left:98px;	width:162px;height:150px;}

.home_map, .home_map_prev{
	z-index:15;
	position:absolute;
	top:0;
	left:0;
}
#home_map, #home_map_prev, #home_map area, #home_map_prev area{
	cursor:help;
}

.actubox{
	position:absolute;
	top:240px;
	left:590px;
	padding:0;
	margin:0;
	width:380px;
}
.actubox h2{
	padding:0;
	margin:0;
	font-size:1.2em;
}
.actubox h2 a{
	color:#299DDC;
}
.actubox ul{
	padding:10px;
	margin:0;
	height:145px;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:auto;
	border:1px solid #299DDC;
	background:#E6F1FB;
	list-style:none;
}
.actubox ul li{
	padding:0 5px 0 15px;
	margin:0;
	background:transparent url(../images/puce_jaune.gif) no-repeat 0 3px;
}
	
/* actualités */
.offline{
	background:#FFCCCC;
}
.actuhome{
/*	float:left;
	width:48%;*/
	padding:0 1%;
	min-height:160px;
	_height:160px;
}
.actuhome h3{
	color:#0067A1;
	border:1px dotted #ccc;
	border-bottom:none;
}
h3.actutitle{
	margin-bottom:0;
	padding:0 0.5em;
}
.dateinfo{
	display:block;
	padding:0;
	margin:0;
	font-style:italic;
	color:#999999;
	font-size:0.8em;
}
.acturesum{
	padding:0.5em 1em;
	background:transparent url(../images/trame_bg.png);
	_background:transparent url(../images/trame_bg.gif);
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
.readmore{
	text-align:right;
	padding:0;
	margin:0;
}
.readmore a{
	color:#EB6909;
}
.actujoint0{
	padding:0 1em 0.5em 1em;
	background:#fff;
}
.actujoint0 p a{
	padding:1em 0.5em 1em 3.5em;
	background-position:0.2em center;
	background-repeat:no-repeat;
}
.actujoint{
	padding:0.5em 1em;
	background:#f5f5f5;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
.actujoint p a{
	padding:1em 0.5em 1em 3.5em;
	background-position:0.2em center;
	background-repeat:no-repeat;
}
.actujoint p a:hover{
	background-color:#fff;
} 

/* elements de formulaires 
p.legend { margin-bottom: 1em; text-align:right;}
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.contenu form p { margin: 0; }
div.contenu form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.contenu form fieldset { margin: 10px 0; padding: 10px; border: #999 1px solid; }
div.contenu form legend { font-weight: bold; color: #666; }
div.contenu form fieldset div { padding: 0.25em 0; }
div.contenu label, 
div.contenu span.label { margin-right: 10px; padding-right: 10px; padding-top: 6px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.contenu label.error, 
div.contenu span.error { color: #C00; }
div.contenu label em, 
div.contenu span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.contenu input.error { border-color: #C00; background-color: #FEF; }
div.contenu input:focus,
div.contenu input.error:focus, 
div.contenu textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.contenu div.controlset label, 
div.contenu div.controlset input { display: inline; float: none; }
div.contenu div.controlset div { margin-left: 170px; }
div.contenu div.buttonrow { margin-left: 180px; }*/

/* indices Atmo */
.pastille{
	text-align:center;
}
.pastille a{
	display:block;
	width: 30px;
	text-align:center;
	padding:4px 0;
	margin:0 auto;
	background-color:transparent;
	background-position: center center;
	background-repeat:no-repeat;
/*	cursor:help;*/
}
.pastilleVal{
/*	margin-top: -21px;
	margin-left: -8px;
	text-align:center;
	text-decoration: none;
	font-family:verdana;
	font-weight: bold;
	font-size: 12px;
	font-style: italic;*/
}
.trier{
	background:transparent url(../images/trier.gif) no-repeat right center;
	padding-right: 20px;
}
.legende{
	padding: 0 1em;
	margin: 1em;
	border:1px solid #e5e5e5;
	background:#f9f9f9;
}

/* tableau de resultats */
table.resulttable {
	border:1px solid #ccc;
	border-collapse: collapse;
	empty-cells: hide;
	background:#fff;
/*	width:100%;*/
	margin:1em auto;
}
th.alerte_previ_gris
{ 
	background:#D1D1D1;
}
table.resulttable thead{ /* entête du tableau */
	background:#EB6909;
	}
table.resulttable thead a{
	color:#FFFFCC;
	}
table.resulttable thead a:hover{
	text-decoration:underline;
	}
table.resulttable tfoot{ /* pied du tableau */
	text-align:center;
	background:#f5f5f5;
	}
table.resulttable tbody tr:hover{
	background:#FFFFCC;
	}
table.resulttable th{
	border:1px solid #eee;
	font-size:1em;
	padding:0.2em 0.4em;
	color:#fff;
	text-align:center;
	}
table.resulttable td{
	border:1px solid #e5e5e5;
	padding:0.2em 1em;
	}
table.resulttable .tdcenter{
	text-align:center;
	}
table.resulttable tr.trdiff{
	background:#f5f5f5;
	}
table.resulttable tr.highlight td{/* mise en valeur d'une ligne */
	background:#FFFFCC;
	font-weight:bolder;
	border:1px solid #FFCC66;
	color:#CC0000;
	}

/* tableau de legende */
table.legendtable {
	border:1px solid #ccc;
	border-collapse: collapse;
	empty-cells: hide;
	background:#fff;
	margin:1em 0;
	font-size:9px;
}
table.legendtable caption{ /* legende titre du tableau */
	text-transform:uppercase;
	border:1px solid #ccc;
	border-bottom:none;
	padding:0.5em;
	background:#f5f5f5;
	letter-spacing:5px;
	font-weight:bolder;
	font-size:9px;
	}
table.legendtable thead{ /* entête du tableau */
	background:#EB6909;
	font-size:9px;
	}
table.legendtable thead a{
	color:#FFFFCC;
	font-size:9px;
	}
table.legendtable thead a:hover{
	text-decoration:underline;
	}
table.legendtable tfoot{ /* pied du tableau */
	text-align:center;
	background:#f5f5f5;
	font-size:9px;
	}
table.legendtable tbody tr:hover{
	background:#FFFFCC;
	}
table.legendtable th{
	border:1px solid #eee;
	padding:0.2em 0.4em;
	color:#fff;
	text-align:center;
	font-size:9px;
	}
table.legendtable td{
	border:1px solid #e5e5e5;
	padding:0.1em 0.1em;
	font-size:9px;
	}
table.legendtable .tdcenter{
	text-align:center;
	}
table.legendtable tr.trdiff{
	background:#f5f5f5;
	}
table.legendtable tr.highlight td{/* mise en valeur d'une ligne */
	background:#FFFFCC;
	font-weight:bolder;
	border:1px solid #FFCC66;
	color:#CC0000;
	}
.tdlabel{
/*	white-space:nowrap;*/
	text-align:right;
	background:#f0f0f0;
	padding:0 3px;
}

/* mailing list */
.inputmailing p{
	margin:0;
}
.inputmailing label{
	float:left;
	clear:left;
	display:block;
	width:80px;
	text-align:right;
	padding:3px 10px 0 0;
}
.inputmailing input{
/*	border:0 none;
	border-bottom:1px dotted #666;*/
}

/* Téléchargement données */
.download{
	margin:1em auto;
	padding:0;
	border:1px solid #00A3DE;
	_border-top:0 none;
	background:#fff;
/*	width:960px;*/
}
.download form{
	margin:0;
	padding:0;
}
.download h3{
	background:#00A3DE;
	margin:0;
	padding:0 0.6em;
	color:#fff;
}
.download ol{
	margin:0;
	padding:0;
	background:#CBE1F5;
	height:24px;
}
.download ol li{
	display:block;
	float:left;
	margin:0;
	padding:3px 6px;
	height:18px;
	width:126px;
	text-align:center;
	background-position:left center;
	background-repeat:no-repeat;
}
.download_content{
	padding:2em 1em;
	margin:0;
	width:600px;
/*	min-height:180px;
	_height:180px;*/
	height:300px;
	overflow-x:hidden;
	overflow-y:auto;
	background:#E5F0FA;
	border:0 none;
	border-right:1px dotted #00A3DE;
}
.download_way{
	float:right;
	padding:2em 1em;
	margin:0;
	width:300px;
}
.etape_ok{
	background-color:#F2CC4A;
	font-weight:bolder;
}
.download ol li.dl_01{background-image: url(../images/dl_01.png);}
.download ol li.dl_02{background-image: url(../images/dl_02.png);}
.download ol li.dl_03{background-image: url(../images/dl_03.png);}
.download ol li.dl_04{background-image: url(../images/dl_04.png);}
.download ol li.dl_05{background-image: url(../images/dl_05.png);}
.download ol li.dl_06{background-image: url(../images/dl_06.png);}
.download ol li.dl_07{background-image: url(../images/dl_07.png);}
.download_next, .download_prev{
	display:block;
	padding:2px 50px 2px 30px;
	margin:1em 0;
	width:110px;
	height:20px;
	color:#fff;
}
.download_next{
	background:transparent url(../images/download_next.gif) no-repeat 0 0;
}
.download_prev{
	background:transparent url(../images/download_prev.gif) no-repeat 0 0;
}
.download_next:hover, .download_prev:hover{
	color:#F2CC4A;
}
.download_box{
	padding:2em 1em;
	cursor:pointer;
}

/* vignette */
.vignette {
	text-align:center;
}
.vignette img{
}
.vignette p{
	marigin:0 1em;
	padding:0.5em;
	border:1px solid #005C98;
	background:#CBE1F5;
	text-align:left;
}
.vignette textarea{
	marigin:0 1em;
	padding:0.5em;
	border:1px solid #005C98;
	background:#CBE1F5;
	text-align:left;
	width:90%;
}

/* glossaire*/
.gloassiarelink{
	text-align:center;
	padding-bottom:1em;
	margin-bottom:2em;
	border-bottom:1px solid #F2CC4A;
}
.gloassiarelink a{
	padding:3px 5px;
}
.gloassiareletter{
	clear:right;
	float:left;
	width:150px;
	padding:0 0 0 5px;
	margin:0.6em 0 0 0;
	border-bottom:1px solid #FF6600;
}
.glossaire{
	margin-left:170px;
}
.glossaire strong{
	color:#0067A1;
	font-size:1.2em;
}
.glossairetop{
	font-size:0.8em;
	text-align:right;
	padding:0;
}

/* publication */
.labelform{
	display:block;
	clear:left;
	float:left;
	width:160px;
	padding:4px 10px 0 5px;
	text-align:right;
}
.dataform{
	display:block;
	margin-left:170px;
	padding:2px 5px;
}
.separatorform{
	margin:0.2em 0;
	background:transparent url(../images/gris_170.gif) repeat-y 0 0;
}
.publibloc_pdf, .publibloc_zip{
	float:left;
	width:30%;
	padding:0 1%;
	min-height:50px;
	margin-bottom:0.8em;
}
.bilanbloc_pdf, .bilanbloc_zip, .etudebloc{
	float:left;
	width:48%;
	padding:0 1%;
/*	min-height:50px;
	margin-bottom:0.8em;*/
}
.etudeblocFicheDoc{
	float:left;
	width:350px;
	padding:0 1%;
/*	min-height:50px;
	margin-bottom:0.8em;*/
}
.etudeblocFicheDoc a{
	display:block;
	border:1px dotted #ccc;
	color:#333;
	padding:5px;
	min-height:65px;
	background:transparent url(../images/etude_file.gif) no-repeat right bottom;
}
.etudeblocFicheDoc a:hover{
	background-color:#FFFFCC;
	text-decoration:none;
}
.etudeblocFicheDoc em{
	display:block;
	float:right;
	cursor:pointer;
	padding:0 5px 0 0;
	margin:0;
	font-style:italic;
	color:#CC6600;
	font-size:0.8em;
}
.publibloc_pdf a, .publibloc_zip a, .bilanbloc_pdf a, .bilanbloc_zip a{
	display:block;
	border:1px dotted #ccc;
	color:#333;
	padding:5px 5px 5px 40px;
}
.etudebloc a{
	display:block;
	border:1px dotted #ccc;
	color:#333;
	padding:5px;
	min-height:65px;
	background:transparent url(../images/etude_file.gif) no-repeat right bottom;
}
.publibloc_pdf a, .bilanbloc_pdf a{
	background:transparent url(../images/pdf_file.gif) no-repeat 10px 10px;
}
.publibloc_zip a, .bilanbloc_zip a{
	background:transparent url(../images/zip_file.gif) no-repeat 10px 10px;
}
.publibloc_pdf a:hover, .publibloc_zip a:hover, .bilanbloc_pdf a:hover, .bilanbloc_zip a:hover, .etudebloc a:hover{
	background-color:#FFFFCC;
	text-decoration:none;
}
.publibloc_pdf a strong, .publibloc_zip a strong, .bilanbloc_pdf a strong, .bilanbloc_zip a strong, .etudebloc a strong{
	display:block;
	color:#0067A1;
}
.publibloc_pdf a em, .publibloc_zip a em, .bilanbloc_pdf a em, .bilanbloc_zip a em, .etudebloc a em{
	display:block;
	float:right;
	cursor:pointer;
	padding:0 5px 0 0;
	margin:0;
	font-style:italic;
	color:#FF6600;
	font-size:0.8em;
}
.publibloc_pdf a span, .publibloc_zip a span, .bilanbloc_pdf a span, .bilanbloc_zip a span, .etudebloc a span{
	display:block;
}
.bordure{
	float:left;
	width:60.8%;
	_width:60%;
	padding:5px 1%;
	margin:5px 2%;
	border:1px dotted #ccc;
	color:#333;
}
.deuxcolones{
	float:left;
	width:43%;
	_width:43%;
	padding:5px 1%;
	margin:5px 2%;
	border:1px dotted #ccc;
	color:#333;
}
.deuxcolones h3{
	height:22px;
	padding-top:10px;
	padding-left:32px;
	background:transparent url(../images/folder.gif) no-repeat left center;
	margin:0;
}
.deuxcolones ul li{
	list-style-image:url(../images/mini_file.gif);
	clear:right;
}
.deuxcolones ul li em{
	font-size:0.8em;
}
.deuxcolones ul li.golien{
	list-style:none;
	list-style-image:none;
	padding-left:0.3em;
}
.golien a{
	display:block;
	padding:2px 0;
	background:#f0f0f0;
/*	border-bottom:1px solid #F2CC4A;*/
	background:#f0f0f0 url(../images/url.gif) no-repeat right center;
}

.selectdoc{
	max-width:280px;
	_width:271px;
}
*+html .selectdoc{
	width:275px;
}
.source{
	color:#999999;
}
.periode{
	color:#999999;
	font-size:0.9em;	
}

/* info d'utilisation legales */
.sitemap{
	width:50%;
	padding:0 1%;
	margin:auto;
}
.sitemapnav ul{
	padding:0.2em;
	margin:0.5em;
	list-style:none;
}
.sitemapnav ul li{
	padding:0;
	margin:0.3em 0.1em;
	list-style:none;
	border:1px solid #00A6DA;
	background:#CBE1F5;
} 
.sitemapnav ul li a{
	display:block;
	padding:0.1em 0.3em;
	background:#00A6DA;
	font-weight:bolder;
	color:#fff;
} 
.sitemapnav ul li a:hover{
	background:#00A6DA url(../images/arrow_left_blanc.gif) no-repeat right center;
} 
.sitemapnav ul li ul{
	padding:0;
	margin:0.3em;
	border:0 none;
}
.sitemapnav ul li ul li{
	padding:0;
	margin:0.3em;
	border:0 none;
} 
.sitemapnav ul li ul li a{
	padding:0.1em 0.3em;
	border:0 none;
	background:#fff;
	border:1px solid #f0f0f0;
	color:#0067A1;
} 
.sitemapnav ul li ul li a:hover{
	background:#fff url(../images/arrow_left_vert.gif) no-repeat right center;
} 
.infouser{
	padding:0 1%;
}
.infouser h3{
	border-bottom:1px solid #F2CC4A;
}

/* contact */
.bloc50_contact{
	float:left;
	width:43.8%;
	_width:43%;
	padding:5px 1%;
	margin:5px 2%;
}
.adrpostale{
	margin:1.8em 0.5em 1em 3em;
	padding:0.2em 0.6em;
	border-left:3px solid #F2CC4A;
}
.adrpostale strong{
	font-size:1.3em;
	color:#0067A1;
}
.adrtel{
	margin:0 0 3em 3em;
	padding:0 0.8em;
}
.require{
	color:#CC0000;
	font-weight:bolder;
}
.errormsg{
	color:#CC0000;
	text-align:center;
	padding:0.3em;
	margin:1em;
	background:#FFEEEE;
	border:1px solid #FF6666;
}
.sentmsg{
	text-align:center;
	padding:0.3em;
	margin:1em;
	background:#FFFFCC;
	border:1px solid #FFCC66;
}

/* fiche station
----------------------------------------------------*/
.ficheinfo{
	z-index:30;
	position:absolute;
	top:250px;
	left:500px;
	padding:0;
	margin:0;
	width:350px;
	background:#fff;
	border:1px solid #FDD448;
	
}
.ficheinfo h2{
	background:#FDD448;
	color:#333;
	margin:0;
	padding:0.2em 1em;
	font-size:1.1em;
}
.ficheinfotxt{
	margin:0.5em;
	overflow-x:hidden;
	overflow-y:auto;
	max-height:390px;
	_height:390px;
}

a.closefiche{
	display:block;
	float:right;
	padding:0 2px;
	margin:2px;
	width:8px;
	height:12px;
}
a.hidefiche{
	display:block;
	float:right;
	padding:0 2px;
	margin:2px;
	width:8px;
	height:12px;
	background: url(../images/show.gif) no-repeat 0 bottom;
}
a.hidefiche:hover{
	background:#FDD448 url(../images/show.gif) no-repeat 0 bottom;
}
a.openfiche{
	display:block;
	float:right;
	padding:0 2px;
	margin:2px;
	width:8px;
	height:12px;
	background: url(../images/hide.gif) no-repeat 0 bottom;
}
a.openfiche:hover{
		background:#FDD448 url(../images/hide.gif) no-repeat 0 bottom;
}
/* niveaux de contenus
-------------------------------------------------------*/
.bloc_levels{
	padding:0;
	margin:1em 0;
	border-top:1px dotted #A6C7DA;
}
.bloc50_levels{
	float:left;
	width:43.8%;
	_width:43%;
	padding:5px 1%;
	margin:5px 2%;
}

/* sidebar
-------------------------------------------------------*/
#sidebar{
}

/* footer
-------------------------------------------------------*/
#footer{
	padding:0 0 1em 0;
	margin:0 auto 0 auto;
	width:990px;
	border-top:1px solid #A6C7DA;
	text-align:right;
	color:#999;
}
#footer a{
	font-weight:bolder;
	color:#53a9c5;
	text-decoration:none;
}
#footer p{
	padding:0;
	margin:0;
}

/* PNG transparents sous IE6 avec du CSS */
/* * html img, */
* html .png{
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
        
    );
}