/*
	© 2009 Simalis
	Service WebDesign
*/

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, font, img, 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 {
	outline: 0;
	margin:0;
	padding:0;
/*	vertical-align: baseline;*/
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
form{
	padding:0;
	margin:0;
}


/* tags html
-------------------------------------------------------*/
*{
	font:12px/1.2em Arial,Verdana,"Trebuchet MS",Helvetica,sans-serif;
    color: #2b2b2b;
}
html, body {
    font:12px/1.2em Arial,Verdana,"Trebuchet MS",Helvetica,sans-serif;
    color: #2b2b2b;
	margin:0;
	padding:0;
	border:0 none;
	line-height:1.2em; /* hauteur de ligne safari */
}
body {
	background:#fff;
    font:12px/1.2em Arial,Verdana,"Trebuchet MS",Helvetica,sans-serif;
    color: #2b2b2b;
}

h1,h2,h3,h4,h5,h6,p{
	margin:1em 0;
	padding:0;
	line-height:1.2em; /* hauteur de ligne safari */
}

h1{	font-size: 1.6em;}
h2{	font-size: 1.3em;}
h3{ font-size: 1.2em;}
h4{	font-size: 1.1em;}
h5{	font-size: 1em;}
h6{	font-size: 1em;}
h7{	font-size: 0.9em;}
h8{	font-size: 0.8em;}

p{padding:0;}
button{font-size:1em;}

input, select, textarea {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

hr {
	clear:both;
	border:0 none;
	border-top:1px dotted #A6CADD;
	background:#fff;
	outline:none;
	height:1px;
	margin:1em 0;
}

img{border:0 none;}

/* hack FF pour masquer les contours pointillé sur les liens
-------------------------------------------------------*/
a{outline:none;color:#000;}
:focus{-moz-outline-style: none;outline:0;}
a:hover{text-decoration:none;color:#333;}
/* class generales
-------------------------------------------------------*/
.co{
	color: #FF0000;
	font-weight: bold;
}

.showbloc{display:block;}
.hidebloc{display:none;}

.hightlight{
	font-size:1.4em;
	line-height:1.4em;
	white-space:nowrap;
}

.fleft{float:left;}
.fright{float:right;}

.aligncenter{text-align:center;}

.imgstyle, .imgleft, .imgright, .imgcenter{
	margin:2px;
	padding:3px;
	border:1px solid #ccc;
	background:#fff;
	}
.imgleft{float:left;margin:0 1em 1em 0;}
.imgright{float:right;margin:0 0 1em 1em;}
.imgcenter{margin:0 auto 1em auto;}

.require{color:#CC0000; font-weight:bolder;}
.flash{
	text-align:left;
	padding:0.3em;
	margin:1em;
	background:#FFFFCC;
	border:1px solid #FFCC66;
}
.errormsg{
	color:#CC0000;
	text-align:center;
	padding:0.3em;
	margin:1em;
	background:#FFEEEE;
	border:1px solid #FF6666;
	font-size:1.2em;
}
.sentmsg{
	text-align:center;
	padding:0.3em;
	margin:1em;
	background:#FFFFCC;
	border:1px solid #FFCC66;
}
.readmore{
	text-align:right;
	margin-top:0;
	padding-top:0;
	border-bottom:1px dotted #e5e5e5;
}

.highlight{
	background:#FFFFCC;
	border:1px solid #FFCC66;
	margin:0.6em 0;
	padding:0.8em;
}
.print{display:none;}
.unprint{display:block;}
.wash {
	display:block;
	clear:both;
	font-size:1px;
	height:1px;
	margin:0;
	padding:0;
	border:0 none;
}/**/
.wash:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.wash {display: inline-block;}
/* Hides from IE-mac \*/
* html .wash {height: 1%;}
.wash {display: block;}
/* End hide from IE-mac */

.h1top{
	border-bottom:1px solid #ccc !important;
	padding-bottom:5px;
	margin-top:0;
}
.maximg a img{
    max-width: 250px;
}
/* identification ------------------------------------------*/
	.login_form{
		margin:2em auto;
		width:400px;
		}
		.login_fields{
			padding:.5em;
			background:#f5f5f5;
			border:1px solid #e5e5e5;
			}
			.login_libelle{
				overflow:auto;
				clear:left;
				background:#fff;
				padding:6px 10px;
				margin:2px;
				border-bottom:1px solid #e5e5e5;
				}
				.login_libelle span{
					display:block;
					float:left;
					width:130px;
					padding:4px 8px 4px 0;
					text-align:right;
					}
				.login_libelle input{
					}
			.login_submit{
				padding-left:135px;
				margin:2px;
				}

/* fiches metiers -------------------------------------------*/
.ongl_metier{
	padding:3px 10px 5px;
	margin:0;
	list-style:none;
	background:url(../img/ongl_metier_bg.png) repeat-x left bottom;
	overflow:hidden;
	}
	.ongl_metier li{
		float:left;
		padding:0;
		margin:0 5px;
		background:url(../img/ongl_metier.png) no-repeat right top;
		_background:url(../img/ongl_metier_ie6.png) no-repeat right top;
		border-left:1px solid #E8E8E8;
		}
	.ongl_metier li.actif{
		background:#CFDDE8;
		background:url(../img/ongl_metier_actif.png) no-repeat right top;
		_background:url(../img/ongl_metier_actif_ie6.png) no-repeat right top;
		}
	.ongl_metier li.logout{
		float:right;
		border:none;
		background:transparent;
		padding-top:3px;
		}
	.ongl_metier li.flags{
		float:right;
		border:none;
		background:transparent;
		}
    .ongl_metier li.title{
		float:left;
		border:none;
		background:transparent;
		}
	.ongl_metier li.buttons{
		border:none;
		background:transparent;
		padding-top:3px;
		}
	.ongl_metier li.reduct{
		border:none;
		background:transparent;
		padding-top:3px;
		}
	.ongl_metier li a{
		float:left;
		display:block;
		padding:0 10px;
		margin:0;
		height:26px;
		line-height:24px;
		font-size:1.1em;
		color:#fff;
		text-decoration:none;
		}
	.ongl_metier li a:hover{
		color:#000;
		background:url(../img/ongl_metier_over.png) no-repeat right top;
		_background:url(../img/ongl_metier_over_ie6.png) no-repeat right top;
		}
	.ongl_metier li.actif a{
		background:transparent;
		color:#333;
		}
	.ongl_metier li.logout a{
		height:18px;
		width:66px;
		line-height:17px;
		text-align:center;
		font-size:1em;
		background:url(../img/interv_logout_bg.png) no-repeat 0 0;
		_background:url(../img/interv_logout_bg_ie6.png) no-repeat 0 0;
		color:#333;
		}
	.ongl_metier li.logout a:hover{
		background:url(../img/interv_logout_over_bg.png) no-repeat 0 0;
		_background:url(../img/interv_logout_over_bg_ie6.png) no-repeat 0 0;
		}
    .ongl_metier li.flags a:hover{
		background:transparent;
		}
	.ongl_metier li.buttons a{
		height:18px;
		width:66px;
		line-height:17px;
		text-align:center;
		font-size:1em;
		background:url(../img/interv_logout_bg.png) no-repeat 0 0;
		_background:url(../img/interv_logout_bg_ie6.png) no-repeat 0 0;
		color:#333;
		}
	.ongl_metier li.buttons a:hover{
		background:url(../img/interv_logout_over_bg.png) no-repeat 0 0;
		_background:url(../img/interv_logout_over_bg_ie6.png) no-repeat 0 0;
		}
	.ongl_metier li.reduct a{
		line-height:17px;
		text-align:center;
		font-size:1em;
		color:#333;
		}
	.ongl_metier li.reduct a:hover{
		background: none;
		_background: none;
		}
.datametier_class{
	background-color:#fff;
	padding:1px 1em 1em;
	border-bottom:1px solid #ccc;
	}
	.direct_links{
		list-style:none;
		margin:5px auto;padding:0;
/*		width:580px;*/
		overflow:hidden;
		}
		.direct_links li{
			margin:0;padding:0;
			}
		li.interv_suivi{
			background:url(../img/direct_links_suivi_01.png) no-repeat left top;
			}
		li.interv_demande{
			background:url(../img/direct_links_demande_01.png) no-repeat left top;
			}
		li.interv_alerte{
			background:url(../img/direct_links_alerte_01.png) no-repeat left top;
			}
		li.direct_links_foot{
			height:22px;
			background:url(../img/direct_links_02.png) no-repeat left bottom;
			}
			.direct_links li strong{
					display:block;
					width:270px;
					line-height:40px;
					text-indent:70px;
					font-size:1.5em;
					font-weight:bolder;
					text-decoration:none;
					color:#666;
					}

				.direct_links li ul{
					margin:0;padding:0 0 0 70px;
					list-style:none;
					}
					.direct_links li ul li{
						margin:0;padding:0;
						width:185px;
						}
						.direct_links li ul li a{
							display:block;
							line-height:1.4em;
							text-indent:0;
							font-size:1.1em;
							text-decoration:none;
							color:#333;
							border-bottom:1px dotted #ccc;
							}
						.direct_links li ul li a:hover{
							background-color:#e5e5e5;
							}
#metier{
	margin:0;
	padding:10px 0 0 0;
	width:278px;
}

.welcome{
	width:240px;
	padding:35px 10px 10px 10px;
	margin:0 8px 0 10px;
	color:#fff;
	font: bolder 11px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	line-height:12px;
}

.metier_content{
	width:240px;
	padding:10px;
	margin:-1px 8px 0 10px;
	background:#fff;
}

.metier_bas{
	width:258px;
	padding:0 1px 5px 1px;
	margin:0 8px 0 10px;
}

.metier_haut{
	width:240px;
	padding:10px;
	margin:1em 8px 0 10px;
}

.new_interv, .new_obs{
	margin-bottom:0;
}

.new_interv a, .new_obs a{
	display:block;
	height:16px;
	padding: 5px 0 0 36px;
	color:#5a8935;
	font-weight:bolder;
}

.new_interv a:hover, .new_obs a:hover{
	text-decoration:none;
}

/* style du bandeau de la frame bandeau ----------------------------------*/
.interv_content_bandeau{
/*	background-color:#043D6F;*/
	background-repeat:repeat-x;
	color:#fff;
	}
.interv_bandeau{
	background-repeat:no-repeat;
	background-position:0 0;
	}
	.interv_bandeau h1{
		margin:0;
		}
		.interv_bandeau a{
			display:block;
			height:71px;
			width:320px;
			text-indent:-999em;
			}
/*  */
.bandeau {
	width: 100%;
}

.bandeau_struct{
	text-align:right;
	padding:.2em .8em;
	}
	.bandeau_struct a{
		color:#ABBDD2;
		}

ul.menuBandeau{
	position:absolute;
	right:15px;
	top:0;
    background: #fff;
    border: 1px solid #ccc;
	border-top:0 none;
    list-style: none;
	margin:0;
	padding:0 3px 3px;
	}
	ul.menuBandeau li {
		padding:0;
		margin:0;
		}
		ul.menuBandeau li a{
			display:block;
			padding:1px 6px;
			margin:1px;/*
			border:1px solid #e5e5e5;
			background:#f0f0f0;*/
			}
		ul.menuBandeau li a:hover{
			background-color:#666;
			color:#fff !important;
			text-decoration:none !important;
			}

ul.menuBandeau li a:hover{
    color: #bad8f1;
    text-decoration: underline;
}

/* style du menu de la frame menu ----------------------------------*/

.menu{
    background: #C6D4DF url(../img/menu_bg.gif) repeat-x 0 0;
    border: none;
}
.menu td{
    color: #000;
    font-weight: bolder;
}
.menu td b{
    font-size: 1.1em;
}

.menu td a{
    color: #000;
    text-decoration: none;
}

.menu td a:hover{
    text-decoration: underline;
}
.blocsMenu {
    width: 100%;
    height: 30px;
    border: 1px solid #000;
}

/* style generique recherche / liste / fiche -----------------------*/

.divFondPage{
	position: relative;
	top: 3px;
	left: 3px;
	overflow-y: auto;
	width: 385px;
	height: 95%;
	z-index: 10;
	background: #fff;
    border: 1px solid #000;
}
.fondTr{
	padding: 1px 3px;
	background: #bad8f1 url(../img/menu_bg.gif) repeat-x 0 0;
	font: bolder 11px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	color: #000;
    height:25px;
}
.fondTr a{
	display: inline-block;
}
.libFiche{
	background: #fff;
	padding-left: 3px;
	color: #6A7DB2;
	border-bottom: 1px dotted grey;
    height:22px;
}
.libFiche2{
	background: #fff;
	padding-left: 3px;
	color: #6A7DB2;
	border-bottom: 1px dotted grey;
    height:22px;
}
.libFiche3{
    padding-left: 3px;
	border-bottom: 1px dotted grey;
    height:22px;
    background: #E5E5E5;
	color: #000;
}
.libFiche3:hover{
    background: #fff;
}

.borderTable {
    background: #fff;
    border: 1px solid #000;
}
.borderTable1 {
    background: #fff;
    border: none;
}
.borderTable2 {
    background: #fff;
    border: 1px solid #ccc;
}
.groupTable{
	height: 97%;
	width: 98%;
	margin: 2px;
	padding: 1px;
}
.borderTable2 td {
	padding:3px 5px;
}
.borderTable2 td.td3label {
    background: #f0f0f0;
	padding:3px 10px;
}
.text a{
	text-decoration: underline;
}
.libelle{
	height: 16px;
}

.donnee{
	height: 16px;
}

.listeDeroulante{
	width: 330px;
}

.widthRapportListe{
	width: 345px;
}
.bloc_separateur{
	padding:.2em;
	margin:0;
	color:#000;
    font-weight:bold;
	background-color:#e9eef3;
}
.bloc_separateur a{
	display: block;
    background:url(../img/hide.gif) no-repeat right center;
}
.bloc_separateur a.show{
	display: block;
    background:url(../img/show.gif) no-repeat right center;
}
/* Champ vide en mode visu et avec le masquage des champs vides activé */
/* RL 2010-07-09 */
tr.mode_visu.chp_vide.cache_vide
{
	display: none;
}

/* lightbox ------------------------------------------------------*/
#lightbox{
	position:absolute;
	top:0;left:0;
	width:100%;height:100%;
	background:url(../img/alpha60_bg_noir.png);
	}
	.overother{
		position:absolute;
		top:50px;left:50%;
		margin:0 0 0 -320px;
		width:640px;
		height:650px;
        overflow:hidden;
        overflow-y:auto;
		background:#fff;
		border:1px solid #ccc;
		overflow:auto;
		}
		.close_lightbox{
			float:right;
            color:#fff;
			}
			.close_lightbox a{
				display:block;
				width:100px;height:19px;
				text-indent:-999em;
                color:#fff;
				/*background:url(/dynmap/images/cross_grey.png) center center;*/
				}

/* onglets -------------------------------------------------------*/

#tabs {
	margin:5px 0 -3px 0;
	*margin:5px 0 -4px 0;
	padding:0 15px 0 0;
	list-style:none;
    overflow:hidden;
	}
	#tabs li {
		float:left;
		margin:0;
		padding:0 2px;
		}
		#tabs li img {
			vertical-align: bottom;
		}
		#tabs li a {
			display:block;
            margin:0;
			padding:5px;
			color:#fff;
			border:1px solid #000;
			background:#2D84C2;
			text-decoration:none;
			}
		#tabs li a:hover {
			border: 1px solid #000;
			background:#fff;
			color:#2E5B89;
			}
		#tabs li.active a:hover,
		#tabs li.active a {
			padding:5px;
			color:#fff;
			border: 1px solid #000;
			background:#2E5B89;
			}

/* sous onglets --------------------------------------------*/

#ssTabs {
	margin:0;
	padding:0 5px;
	list-style:none;
	position :relative;
	top: 3px;
	}
	#ssTabs li {
		display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;

		margin:0;
		padding:0 2px;
		}
		#ssTabs li a {
			float:left;
			margin:0;
			padding:2px 10px 2px 10px;
			color:#fff;
			border:1px solid #000;
			background:#2D84C2;
			text-decoration:none;
			}
		#ssTabs li a:hover {
			border: 1px solid #000;
			background:#fff;
			color:#2E5B89;
			}
		#ssTabs li.active a:hover,
		#ssTabs li.active a {
			padding:2px 10px 2px 10px;
			color:#fff;
			border-bottom:1px solid #000;
			background:#2E5B89;
			}

/* accueil general
-------------------------------------*/
.home_list_interv{
	padding:0;margin:0 auto;
	width:920px;
	list-style:none;
	overflow:hidden;
	}
	.home_list_interv li{
		float:left;
		padding:5px;margin:5px;
		background-color:#e5e5e5;
		border:1px solid #ccc;
		}
		.home_list_interv li a{
			display:block;
		position:relative;
			background-color:#fff;
			width:205px;
			height:155px;
			color:#fff;
			}
		.home_list_title{
			position:absolute;
			top:0;left:0;
			padding:5px;margin:0;
			width:195px;
			background:url(../img/alpha60_bg_noir.png);
			color:#fff;
			cursor:pointer;
			}
			.carte_icon{
				position:absolute;
				width:205px;height:155px;
				left:0;top:0;
				}
/* footer
-------------------------------------*/
.footer{
	clear:both;
	border-top:1px dotted #ccc;
	margin:1.5em;
	padding:0.5em 1em;
	color:#666;
	background-color :#FFF;
	}
	.footer a{
		text-decoration:none;
		}


.loading{
	position:absolute;
	top:0;
	left:0;
	z-index:98;
	background:#fff;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	opacity:0.8;

	filter:alpha(opacity=80);
	-moz-opacity:0.8;
}
.loading p{
	margin:0;
	padding:200px 0 0 0;
	text-align:center;
	font-weight:bolder;
	color:#000;
}

.mask{
	position:absolute;
	top:0;
	left:0;
	z-index:98;
	background:#fff;
	margin:0;
	padding:0;
	width:100%;
	height:180px;
	opacity:0.8;

	filter:alpha(opacity=80);
	-moz-opacity:0.8;
}
.mask p{
	margin:0;
	padding:50px 0 0 0;
	text-align:center;
	font-weight:bolder;
	color:#000;
}
/* Pour l'aide a la saisie */
.divaide {
    border: 1px solid #000;
    padding: 2px;
    cursor: pointer;
    background-color: #EEE;
    margin: 2px;
    z-index:500;
    white-space: nowrap;
    width: auto;
}
.actb_active {
    background-color: #FFFFFF;
    color: #000;
}
.actb_Noactive{
    background-color: #FFFFFF;
    color: #000;
}
.actb_active:hover {
    background-color: #E9EEF3;
    color: #000;
}
.actb_Noactive:hover{
    background-color: #E9EEF3;
    color: #000;
}
.actb_regex_match { /* text-decoration:underline; */
    color: #FF0000;
}
.actb_bold{
    font-weight:bold;
}

/*affichage des criteres de recherche*/
.interv_recap_box{margin:.3em;padding:.4em .4em;background:#F0F0F0;border:1px solid #E5E5E5;}
.interv_recap_box:hover{background-color:#F5F5F5;}
.interv_recap_box.open{background:#f5f5f5 url(../img/interv_recap_close.png) no-repeat right top;border:1px solid #e5e5e5;}
.interv_recap_box div{cursor:pointer;}
.interv_recap_link{text-align:center;}
.interv_recap_content{}
.recap_lib{font-size:.9em;text-align:center;color:#999;font-style:italic;}
.recap_data{}
.recap_data:hover{}
.recap_operator{clear:left;display:block;padding:.1em;border-top:1px dotted #e0e0e0;font-size:.8em;height:2px;line-height:1em;text-align:right;}
.recap_box_operator{padding:.1em;border-top:1px dotted #e0e0e0;font-size:.8em;line-height:1em;text-align:center;}
.interv_recap_content .recap_box_operator{background:#e5e5e5;}