@charset "utf-8";
/* CSS Document */
html, body {
	margin:0;
	padding:0
}
body {
	font: 76% arial, sans-serif;
	text-align:center;
	color:#000066;
}
p {
	margin:0 10px 10px
}
a {
	display:block;
	color: #981793;
}
h1 {
	margin-top:0px;
	margin-bottom:2px;
	font-size:18px;
	font-weight:bold;
	text-align:left;
}
div#header {
	background-color: #45387e;
}
div#header h1 {
	height:80px;
	line-height:80px;
	margin:0;
	padding-left:10px;
	background: #EEE;
	color: #79B30B
}
div#container {
	text-align:left
}
#wrapper a:link, #wrapper a:visited, #wrapper a:hover{
	text-decoration:none;
	color:#000066 !important;
	display:inline;
}
div#content p {
	line-height:1.4
}
div#extra {
	color:#FF8539;
	background:#000000;
}
div#extra a:link, div#extra a:visited {
	color:#FF8539;
}
div#extra p{
	margin-top:3px;
}
div#footer {
	background: #333;
	color: #FFF
}
div#footer p {
	margin:0;
	padding:5px 10px
}
div#container {
	position:relative;
	width:968px;
	margin:0 auto;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000066;
}
div#contentintro{
	position:absolute;
	top:25px;
	left:253px;
	width:669px;
	height: 117px;
	background-image: url(../img_200/gestion-des-temps-pointage-horodatage-horloge.jpg);
	background-repeat: no-repeat;
	padding:20px 5px 5px 20px;
	;
}
div#contentintro h2{
	font-size:18px;
	color:#330099;
	font-style:italic;
	margin-top:0px;
	margin-bottom:5px;
}
/* debut contenu */
div#content_presence, div#content_production, div#content_pointage, div#content_controle,div#content_programmateurs,div#content_horloges{
	width:223px;
	height: 197px;
	padding:5px;
	text-align:justify;
	font-size:11px;
	border: 1px solid #003366;
}
div#content_presence, div#content_production, div#content_pointage{
	top:214px;
}
div#content_presence {
	position:absolute;
	left:222px;
}
div#content_production {
	position:absolute;
	left:470px;
}
.imgleft{
	float:left;
}
.imgright{
	float:right;
}
div#content_pointage {
	position:absolute;
	left:715px;
}
div#content_controle {
	position:absolute;
	top:430px;
	left:223px;
}
div#content_programmateurs {
	position:absolute;
	top:430px;
	left:470px;
}
div#content_horloges {
	position:absolute;
	top:430px;
	left:715px;
}
div#content_generique {
	position:absolute;
	top:645px;
	left:223px;
	width: 728px;
	height: 50px;
}
/* fin contenu */

div#navigation {
	float:left;
	width:200px;
	height:400px;
	background-color: #45387E;
}
#navigation a:link, div#navigation a:visited {
	padding:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation a:hover {
	color: #FEFD4B;
}
#navigation h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #FEFD4B;
	text-decoration: none;
	text-align:center;
}
div#extra {
	float:left;
	clear:left;
	width:200px
}
div#footer {
	clear:both;
	width:100%;
	background-color: #45387E;
}