/* CSS Airfobep */
/*Reset Eric Meyer*/

@import url('site-screen_suppTiny.css');

/* ______________________[ Navigation principale ]________________________ */

/* Bloc */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus {outline: 0;}
em{font-style:normal;}
body {line-height:1;color:black;background:white;}
ol, ul {list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/*Styles site*/
html,body {height:100%;}

body{background:#81218d url(../img/bg_body.gif) 0 0 repeat-x;font:normal 13px Arial;}

.hidden {
	left:-7777em;
	position:absolute;
	top:-7777em;
}

#global-container{
	overflow:hidden;margin:0 auto;padding:0 5px;width:920px;
	min-height:700px;
	background:url(../img/global-background.jpg) 0 0 no-repeat;
}

sub {
	vertical-align: sub;
	font-size: smaller;
	line-height: normal;
}

sup {
	vertical-align: super;
	font-size: smaller;
	line-height: normal;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

/* ______________________[ Header ]________________________ */

/* Bannière */
#global-container #header{width:100%;height:166px;background:url(../img/banniere.jpg) 8px 0 no-repeat;}

/* Menu outils */
#global-container #header div{float: right;}

#global-container #header span a{
	display : block;
	float : left;
	width : 100px;
	height : 100px;
	margin :  5px 0 0 20px;
}

#global-container #header div#contact{
	background:url(../img/ico-contact.gif) 0 0 no-repeat;
	padding: 1px 8px 0 22px
}
#global-container #header div#publications{
	background:url(../img/ico-publications.gif) 0 0 no-repeat;
	padding: 1px 8px 0 22px
}
#global-container #header div#login{
	background:url(../img/ico-login.gif) 0 0 no-repeat;
	padding: 1px 30px 0 22px
}
#global-container #header div a{
	color: #81218d;
	text-decoration:none;
}

/* ______________________[ Menu principal ]________________________ */

#global-container #menu {width:100%;height:30px;}

#global-container #menu ul {
	width:880px;
	padding: 0;
	margin: 0 0 0 10px;
	font: normal 14px Arial;	
	color: #82218d;
}

#global-container #menu ul li {
	padding: 0;
	margin: 0;
    list-style-type: none;
	float: left;
}

#global-container #menu ul li a {
	height:23px;
	padding: 8px 10px 0px 9px;
	margin: 0;
	color: #82218d;
	text-decoration: none;
	display: block;
	float:left;
}
#global-container #menu ul li a.menu_niv_1{
	background:url(../img/sepa_menu.gif) left 1px no-repeat;
}
/*
#global-container #menu ul li a.menu-last {
	height:23px;
	padding: 8px 20px 0 14px;
	margin: 0;
	color: #82218d;
	text-decoration: none;
	display: block;
	float:left;
	background:none;
}
*/

#global-container #menu ul li ul.menu_niv_2 {
	width: 200px;
	padding: 0;
	margin: 30px 0 0 10px;
	list-style: none;
	display: none;
	position:absolute;
	border-top: 1px solid #7e218b;
	clear:both;
}

#global-container #menu ul li ul.menu_niv_2_last {
	margin: 30px 0 0 -70px;
}

#global-container #menu ul li ul.menu_niv_2 li {
	width: 200px;
	height: auto;
	background-color: #e7ddf8;
    filter : alpha(opacity=90);
    -moz-opacity : 0.9;
    opacity : 0.9; 
}

#global-container #menu ul li ul.menu_niv_2 li a {
	color: #7e218b;
	font-size: 12px;
	font-weight: normal;
	background: #e7ddf8;
	width: 100%;
	height:12px;	
	border: 1px solid #7e218b;
	border-top: none;	
	padding: 3px 4px 3px 4px;
	margin: 0;
}

#global-container #menu ul li ul.menu_niv_2 li a:hover {
	color: #ff9f3e;
	font-size: 12px;
	font-weight: normal;	
	background-color: #7e218b;
	width: 100%;	
}

/*<ul> du menu niveau 1*/
/*
#menu_niv_1 {
	width:880px;
    height: 30px;
	padding: 0;
	margin: 0 0 0 10px;
	font: bold 14px Arial;	
	color: #82218d;
}

#menu_niv_1 li {
	

background: #ddd;
margin: 0px 0 0 0px;
float: left;
padding: 0;
}
#menu_niv_1 li a {
display: block;
background-color: #555;
color: white;
text-decoration: none;	
margin: 0; padding: 3px;
}
#menu_niv_1 li a:hover,#menu_niv_1 li a:active {
display: block;
background-color: #777;
color: white;
text-decoration: none;	
margin: 0; padding: 3px;
}



.menu_niv_2 {
	width: 200px;
padding: 0;
margin: 0;
list-style: none;
display: none;
}

*/

/* ______________________[ Fil d'Arianne ]________________________ */

/* Fil d'Arianne */
#global-container #wya {
	width:865px;
	padding: 5px 0 5px 0;
	margin: 0 0 0 10px;
    color: #ff9e3f;
    text-align:right;
}

#global-container #wya a {
	font:normal 12px Arial;
	color: #ff9e3f;
	text-decoration: underline;
}
#global-container #wya a:hover {
	text-decoration: none;
}
#global-container #wya strong {
	font:bold 12px Arial;
}

/* ______________________[ Contenu ]________________________ */


/* Accordion Mootools */

/*
#global-container #content #col-full #accordion {
	margin:10px 0 20px 0;
}

#global-container #content #col-full #accordion h3.open {
    padding: 0 0 10px 20px;
    background: transparent url(../img/arrow-open.gif) 0 0 no-repeat;
	font:normal 15px Arial;
	color: #81218d;
    text-decoration: underline;
    cursor:pointer;
}

#global-container #content #col-full #accordion h3.closed {
    padding: 0 0 4px 20px;
    background: transparent url(../img/arrow-close.gif) 0 0 no-repeat;
	font:normal 15px Arial;
	color: #81218d;
    text-decoration: underline;
    cursor:pointer;
}
*/
/*
div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}
*/



/* ----- /* Contenu Standard /* ----- */

#global-container #content-home {
	width:100%;
	padding: 4px 0 0 9px;
	background: transparent url(../img/bg_content.gif) 0 400px no-repeat;
	clear:both;
}

#global-container #content{
	width:100%;
	padding: 10px 0 40px 30px;
	background:url(../img/bg_content.gif) 0 400px no-repeat;
	clear:both;
}

#global-container #content #col-full {
	width:845px;
}

#global-container #content #col-full h1 {
	margin: 0 0 10px 0;
	font:bold 17px Arial;
	color: #81218d;
}

#global-container #content #col-full h2 {
	font:normal 15px Arial;
	color: #81218d;
}

#global-container #content #col-full p {
	padding: 0 0 15px 0;
}

#global-container #content #col-full a {
	font:normal 12px Arial;
	color: #ff9e3f;
}

#global-container #content #col-full ul {
	margin : 0 0 10px 18px;
	list-style-type:square;
	/*
	font-size: 14px;	*/
	color: #000;
}

#global-container #content #col-full ol {
	margin : 0 0 10px 18px;
	list-style-type: decimal;
	list-style-position: inside;
}
/*
#global-container #content #col-full table {
	border: 1px solid #ff9e3f;
	border-collapse: collapse;
}
*/
#global-container #content #col-full table td {
	/*border: 1px solid #ff9e3f;*/
	padding: 4px;
}

/* Images */
img.align-left {
	float:left;
	margin:0 5px 5px 0;
}
img.align-right {
	float:right;
	margin:0 0 5px 5px;
}


/* ______________________[ Footer ]________________________ */

#footer-container {
	width: 100%;
	height: 63px;
	background:url(../img/bg_footer.jpg) 0 0 repeat-x;
}

#footer-container #footer {
	width:920px;height:63px;
	background:url(../img/footer-background.jpg) 1px 0 no-repeat;
	margin:0 auto;
}

#footer-container #footer ul {
	padding:20px 10px 0 20px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#footer-container #footer ul li {
	display:inline;
}

#footer-container #footer ul li strong {
	padding: 0 6px 0 8px;
	color: #81218d;

}

#footer-container #footer ul li a {
	color: #81218d;
	text-decoration:none;
}
#footer-container #footer ul li a:hover {
	color: #81218d;
	text-decoration:underline;
}

#footer-container #footer #copy-left {
	padding:5px 0 0 20px;
	color: #c9aff0;
	float:left;

}
#footer-container #footer #copy-right {
	padding:5px 40px 0 0;
	color: #c9aff0;
	float:right;
}

#footer-container #footer #copy-right a {
	color: #c9aff0;
	text-decoration:none;
}


/* ______________________[ SPEC ]________________________ */

/* test scolaire et historique données*/
.boutonSubmit{
	background-color:#C9AFF0;
	border-bottom:	2px solid #81218D;
	border-right:	2px solid #81218D;
	border-top:		2px solid #C9AFF0;
	border-left:	2px solid #C9AFF0;
	color:#81218D;
	font-size:14px;
	font-weight:bold;
	padding:3px 6px;
	cursor:pointer;
}

.boutonSubmit:hover{
	background-color:#81218D;
	border-bottom:	2px solid #C9AFF0;
	border-right:	2px solid #C9AFF0;
	border-top:		2px solid #81218D;
	border-left:	2px solid #81218D;
	color:#C9AFF0;
}

/* Liste des stations */
table.station_table, 
table.mesure_table {
	border: 1px dotted #81218D;
	border-collapse: collapse;
}
table.station_table tr, 
table.mesure_table tr {
	border: 1px dotted #81218D;
}
table.station_table tr td, 
table.mesure_table tr td{
	border: 1px dotted #81218D;
}
table.mesure_table tr.en-tete {
	background:#C9AFF0;	
	font-weight:bold;
}
table.mesure_table tr.tbl-pair {
	background:#E9DEF9;		
}
table.mesure_table tr.tbl-impair {
	background:#fff;	
}


/* Formulaire Historiques données*/
#histodonnees table, #histodonnees table tr, #histodonnees table tr td {
/*
	border:1px solid red;
*/
}

#global-container #content #col-full #histodonnees table tr td {
	text-align:center;
	vertical-align:middle;
}

#global-container #content #col-full #histodonnees table tr td p{
	text-align:left;
	width:100%;
	padding: 10px 0px 0px 0px;
	margin:0px;
	color:#81218D;
	font-weight:bold;
}


#global-container #content #col-full #histodonnees table tr td span{
	text-align:left;
	width:100%;
	padding: 10px 0px 0px 0px;
	margin:0px;
	color:#FF9F3E;
	font-size:small;
	font-style:italic;
}

#histodonnees .selectPolluant, #histodonnees .selectIndice{
	width:100px;
	overflow:hidden;
}

/*puis gere en JS*/
#histodonnees table tr td.formStation, #histodonnees table tr td.formZone{
	display:none;
}

/* Post-it */
.post-it {
	float:right;
	margin: 0 40px 0 0;
}

/* Test Scolaire */

#global-container #content #col-full #testscolaire  table {
	width: 100%;
	border:none;
}

#global-container #content #col-full #testscolaire table td {
	border: none;
	width:25%;

}

#global-container #content #col-full #testscolaire div.questTestScol {
	color:#81218D;
	font-weight:bold;
}
#global-container #content #col-full #testscolaire h3 {
	font-style:italic;
	color:red;
}
#global-container #content #col-full #testscolaire div.questTestScol {
	padding:5px 0 0 0;
	margin:10px 0 0 0;
	border-top: 1px dotted #81218D;
}
#global-container #content #col-full #testscolaire div.questTestScol em {
	font-style:italic;
}
#global-container #content #col-full #testscolaire div.questTestScol span {
	padding: 0 0 0 50px;
}
#global-container #content #col-full #testscolaire div.repTestScol p{
	background-color:#C9AFF0;
	color:#81218D;
	padding:5px;
}

/* Pour l'affichage authentification*/
#wya div#formIdent {
	color:#81218D;
	font-weight:bold;
}

#wya div#formIdent a{
	color:red;
}

/* pour le menu en accordeon */

#listPage h3, .listPage_niv2 h3{
	background:transparent url(../img/arrow-close.gif) no-repeat scroll 0pt;
	color:#81218D;
	cursor:pointer;
	font-family:Arial;
	font-size:15px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:0pt 0pt 4px 20px;
	text-decoration:underline;
}

#listPage div{
	padding:0pt 0pt 4px 10px;
}

#listPage h3.open, .listPage_niv2 h3.open{
	background:transparent url(../img/arrow-open.gif) no-repeat scroll 0pt;
	padding:0pt 0pt 10px 20px;
}

/* pour les listage en tableau datagrid*/
table.datagrid{
	width:100%;
}

#global-container #content #col-full table.datagrid{
	border: 0px;
	border-collapse: collapse;
	border-color:#81218D;
}

#global-container #content #col-full table.datagrid thead tr th{
	background-color:#C9AFF0;
	text-align:center;
	vertical-align:middle;
	color:#81218D;
	font-weight:bold;
}

#global-container #content #col-full table.datagrid thead tr th a{
	color:#81218D;
	text-decoration:none;
	font-weight:bold;
}

/* pour le détails dans la liste des etablissements*/
#consultFullScreen{
	display:none;
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	cursor:pointer;
	/*
	background: transparent url(../img/pixel_background1.png);
	background:green;*/
}

.consultContainer{
	margin:12% auto;
	width:600px;
	background-color:#C9AFF0;
	border:1px solid #81218D;
	color:#81218D;
}

.consultContainer div{
	border:1px solid #81218D;
	background:#FFF;
	border-collapse:collapse;
	text-align:center;
	font-weight:bold;
	margin:15px auto;
	width:300px;
	padding:5px;
}

.consultContainer table{
	border:1px solid #81218D;
	background:#FFF;
	border-collapse:collapse;
	text-align:center;
	margin:0 auto;
}

.consultContainer table tr{
	border:1px solid #81218D;
	text-align:center;
}
.consultContainer table tr th{
	border:1px solid #C9AFF0;
	text-align:center;
	background:#81218D;
	font-weight:bold;
	color:#C9AFF0;
}

.consultContainer table tr td{
	border:1px solid #81218D;
	text-align:center;
}
.consultContainer p{
	margin:10px 0 -10px 10px;
}