/**
 *
 */
@import: url('../css-reset.css');

/* COMMUNS */
html, body, p, h2, h3, h4, h5, ul, ol, li, li li {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	font-size:100%;
	padding:0;
	margin:0;
}
body {
	scrollbar-face-color: #8ac000; 
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #000000; 
	scrollbar-3dlight-color: #000000; 
	scrollbar-darkshadow-color: #000000; 
	scrollbar-track-color: #FFFFFF; 
	scrollbar-arrow-color: #000000;
}
p, li { font-size:80%; }
/* 
 * bandeau 
 */
h1 {
	display:block;
	clear:both;
	border:0;
	margin:0;
	padding:0 5px;
	line-height:140%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:140%;
	font-weight:bold;
	font-style:italic;
	font-variant:small-caps;
	text-align:right;
	color:#C7C7C7;
	background:#404040 url(images/bgh1.gif) repeat-x top left;
}
	h1 span {
		display:block;
		float:left;
		font:inherit;
		text-align:left;
		color:#FFF;
	}
	
/*
 *  balises html
 */ 
table {
border-collapse:collapse;
border:0;
border-spacing:0;
padding:0;
margin:0;
width:100%;
height:100%;
}
	table tr td {
	padding:5px;
	vertical-align:top;
	}
a:link, a:visited, a:active {
font-size:100%;
color:#8cc602;
font-weight:bold;
text-decoration:underline;
}
a:hover { text-decoration: none; }
h2 {
display:block;
clear:both;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:5px;
font-size: 140%;
font-weight: bold;
color: #734700;
border-bottom:2px solid #734700;
margin-bottom:-20px;
}
h3 {
display:block;
clear:both;
font-size: 100%;
font-weight: bold;
background:#8cc602 url(images/bgh3.gif) repeat-x top left;
color:#FFFFFF;
padding:2px 2px 2px 5px;
margin: 35px 0 25px 0;
}
h4 {
display:block;
font-size: 85%;
line-height:150%;
font-weight: bold;
background-color:#ffffff;
color:#BF7600;
padding:2px 2px 2px 5px;
margin: 30px 10px 12px 10px;
border-bottom:1px dashed #BF7600;
border-top:1px dashed #BF7600;
}
h5 {
display:block;
font-size: 90%;
line-height:150%;
font-weight: bold;
color:#404040;
padding:2px 2px 2px 5px;
margin: 12px 0;
}
p {	margin:10px 15px 20px 15px; }

/*
 * toutes les listes
 */
ul, ol { margin:5px 15px 0 35px; } 
li     { margin-bottom:5px;}

	/*
	 * liste non ordonnées 
	 */
	ul    { list-style-type:disc; } /* liste 1er niveau */
	ul ul { list-style-type:circle; } /* liste imbriquée, 2e niveau */
	
	/* 
	 * liste ordonnées 
	 */
	ol       { list-style-type:decimal; } 
	ol li    { font-weight:bold; }
	ol li li { font-weight:normal; }
	
/* 
 * MENU GAUCHE 
 */	
td#tdmenu {
	width:21%;
	vertical-align:top;
	text-align:right;
	padding:0;
	background-color:#BF7600;
}
	ul.menu {
	text-indent:0;
	margin:0;
	padding:12px 5px;
	list-style-position: outside;
	list-style:none;
	color: #FFFFFF;
	background-color: #BF7600;
	text-align:right;
	font-size:100%;
	}
		ul.menu li {
			line-height:130%;
			border:0;
			padding:0 15px;
			display:block;
			font-weight:normal;
			text-align:right;
			color: #FFFFFF;
			background-color: #BF7600;
			background-image:none;
			margin-bottom:12px;
		}
			ul.menu li a:link, 
			ul.menu li a:visited {
				font-style:normal;
				font-weight:bold;
				color: #643f00;
				background-color: #BF7600;
				text-decoration:none;
			}
			ul.menu li a:hover,
			ul.menu li a:active {
				font-style:normal;
				font-weight:bold;
				color: #FFFFFF;
				text-decoration:none;
				background-color: #734700;
			}
		ul.menu li.nolink {
			padding-right:15px;
			font-style:normal;
			font-weight:bold;
			text-align:right;
			color: #FFFFFF;
			background-color: #BF7600;
			background-image:url(images/menu_puce.gif);
			background-repeat:no-repeat;
			background-position:100% 60%;
		}
	#footer {
		display:block;
		background-color: #BF7600;
		width:auto;
		border-top:1px dashed #FFFFFF;
		margin:0;
		padding:5px 15px;
		font-style:italic;
		font-family:Arial, Helvetica, sans-serif;
		font-size:80%;
		font-weight:bold;
		font-variant:small-caps;
		text-align:right;
		/*background:#BF7600 url(images/menu-coin.gif) bottom right no-repeat;*/
	}
	  #footer a {
			text-decoration:none;}
		#footer .gers {
			color:#2e7823;
		}
		#footer .emploi {
			color:#e22319;
		}
		#footer .com {
			font-variant:normal;
			color:#404040;
			font-size:70%;
		}
		
	#eStat {
		width:100%;
		padding-top:100px;
		text-align:center;
	}

/* CONTENU */

p.source {
	margin:10px 15px;
	font-size:85%;
	font-style:italic;
	text-align:right;
}
	p.source a:link,
	p.source a:visited,
	p.source a:active {
		font-size:85%;
	}
	p.source a:hover {
		font-size:85%;
	}


.gras {
	font-weight: bold;
}
.formonline {
	display:block;
	float:right;
	padding:5px;
	background-color: #8ac000;
	color:#FFFFFF;
	font-size:70%;
	font-weight:bold;
	font-style:italic;
}
.important {
	background-color: #FFFFFF;
	border:2px dotted #CC0000;
	clear:right;
	color:#000000;
	display:block;
	float:right;
	font-size:80%;
	font-style:italic;
	line-height:120%;
	padding:5px;
	width:40%;
}
.blocinfo {
	margin:0 5px;
	border:5px solid #ffffff;
	background-color:#EFEFEF;
	color:#000000;
}
	.blocinfo h5 , .blocinfo p{
		background-color:#EFEFEF;
		text-align:center;
	}

		.cote1sur2 {
			width:50%;
			float:left;
			clear:left;
			height:120px;
			min-height:120px;
		}
		.cote2sur2 {
			width:auto;
			height:120px;
			min-height:120px;
		}
		
/* infobulle */
/*
EX: 
<a href="../fiches-info/Medecineduw/medecinew.htm" target="_blank" class="info"><span>L’adresse et le numéro de téléphone du médecin du travail ou du service médical du travail doivent être affichés dans les locaux de votre entreprise.</span>M&eacute;decin du Travail</a>
*/
a.info, a.info:visited, a.info:active {
	padding:0 2px;
	position:relative; 
	z-index:24; 
	background-color:#bf7600;
	color:#FFFFFF;
	text-decoration:none;
}

a.info:hover {
	z-index:25; 
	background-color:#FFFFFF;
	color:#bf7600;
	text-decoration:underline;
}
	a.info span {
		display: none;
	}

	a.info:hover span { 
		/*le contenu de la balise span ne sera visible que pour l'état a:hover */
		font-size:90%;
		display:block;
		cursor:pointer;
		position:absolute;
   		text-decoration:none;
		top:2em; 
		left:1em; 
		width:23em;
		border:1px solid #12BC27;
		background-color:#CBF9B5; 
		color:#003300;
		text-align: center;
		font-weight:normal;
		padding:1px;
	}
	a.info:hover span em { 
		display:block;
		margin-top:5px;
		clear:both;	
		width:100%;
		font-size:90%;
	}
/* */