body{
	background: #FFFFFF;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
    padding: 0px;	
}

h1{
	font-size:1.2em;	
}

h2{
	font-size:1.0em;
}

img{
	border:0px;
}

table{
    border-collapse:collapse;
}

input[type=submit], input[type=reset] {
    box-shadow:1px 1px 1px #AAAAAA;
    cursor:pointer;
 }

#conteneur{
	background:#FFFFFF;
	width:100%;
}

#entete{
	position:fixed;
	width:100%;
	top:0px;
	left:0px;
	height:100px;
	font-size:0.8em;
	background:url('/design/logo.jpg');
	background-color:#FFF;
	background-repeat:no-repeat;
	z-index:2;
	/*	border: 1px solid #B0B0B0; */
}

#menu{
	position:fixed;
	font-size: 90%; 
	font-weight:bold;
	top:100px;
	width:200px;
	height:100%;
	font-size:0.8em;
	z-index:1;
/*	border: 1px solid #B0B0B0; */
}

#menuderoulant {
	position:relative;
	left:-40px;
        font-size:  larger;
        font-variant: small-caps;
}

#menuderoulant ul ul {display: none; left: 200px; top: -1px; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0;}
#menuderoulant li {list-style-type: none; position: relative; width: 196px; background-color: #EEE; ;padding: 2px; margin: 0px; }
#menuderoulant li:hover, #menuderoulant li.sfhover {background-color: #062873; }
#menuderoulant li a {text-decoration:none; display:block; color: #062873;}
#menuderoulant li a:hover {text-decoration:none; display:block; color: #FFFFFF;}

#menuderoulant li:hover ul.niveau2, #menuderoulant li li:hover ul.niveau3, #menuderoulant li.sfhover ul.niveau2, #menuderoulant li li.sfhover ul.niveau3 {display: block; }
#menuderoulant li.plus {background-position:right; background-image: url(illustrations/fdroite.gif); background-repeat: no-repeat; border-bottom: 1px solid #B0B0B0;}


#principal{
	z-index:1;
	position:absolute;
	top:100px;
	left:200px;
	padding:10px;
	margin-right:200px;
	font-size:0.9em;
	z-index:0;
	/*	border: 1px solid #B0B0B0; */
}

#principal h1{
	font-size:1.2em;
}

#boiteconnexion{
	font-size:0.9em;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	padding: 10px 20px 10px 20px;
	text-align:right;
	border: 1px solid #a4a4a4;
	box-shadow:10px 10px 10px #000000;
}

#boiteaccueil{
	text-align:center; 
	border-width: 1px; 
	border-style: solid; 
	border-color: #666; 
	width:500px; 
	box-shadow:10px 10px 10px #000000; 
	padding:10px 10px 10px 10px;
}

#boiteaccueil .connexion{
	text-align:center; 
	border-width: 1px; 
	border-style: solid; 
	border-color: #666; 
	width:130px; 
	box-shadow:2px 2px 2px #000000; 
	padding:10px 5px 5px 5px;
}

#printr{
	position:fixed;
	left:220px;
	top:100px;
	width:600px;
	background-color:#FFF;
	visibility:hidden;
	z-index:10;
	border: 1px solid #a4a4a4;
}

#printr pre{
	font-size:1.2em;

}

#entete_listing_op{
	padding: 10px 10px 10px 10px;
	border: 1px solid #a4a4a4; 
	box-shadow: 5px 5px 5px #000000;
}

#entete_listing_gest{
	padding: 10px 10px 10px 10px;
	border: 1px solid #a4a4a4; 
	box-shadow: 5px 5px 5px #000000;
}

.spacer {
     clear: both;
 }
 
.spacer hr {
     display: none; /* à vérifier */
 }

.video_blockquote{
	padding: 10px 10px 10px 10px;
	border: 1px solid #a4a4a4; 
	box-shadow: 5px 5px 5px #000000;
	width:800px;
	height:350px;

}

.video_blockquote p{
	position:relative;
	left:600px;
	top:-300px;
	width:200px;
}


.table_scroll{ position:relative; padding-top:25px; height:500px; overflow:hidden;}
.table_scroll .header_table{ position:absolute; top:0px; background:black; height:25px;width:100%;}
.table_scroll .div_table{ overflow-y:auto;overflow-x:hidden; height:100%}

.h{ position:absolute; top:0;padding-left: 5px;margin-left: -5px; color:white;}
.hh{ height:0px; visibility:hidden; color:white;}

.gris{
	color:#666;
}

.listing_gestionnaire_tri{
    box-shadow:10px 10px 10px #000000;
        border: 1px solid #666;
}

.listing_gestionnaire_tri td{
        padding: 10px;
    }

.listing_gestionnaire table{
	width:100%; border-collapse: collapse;
	vertical-align:top;
	}

.listing_gestionnaire thead{
	background-color:#000;
	color:#FFF;
	font-weight:bold;
}
	
.listing_gestionnaire th, tr{ padding:0; margin:0; border:0;}

.listing_gestionnaire tbody{
}

.listing_gestionnaire tr {
	font-size:9.5px;
}

.listing_gestionnaire th {
	text-align:left;
}

.listing_gestionnaire .alternance{
	background-color:#DDDDDD;
}

.listing_gestionnaire .id{
	font-weight:bold;
}

.listing_gestionnaire .type{
	font-weight:bold;
}

.listing_gestionnaire .fournisseur{
	font-weight:bold;
}

.listing_gestionnaire .modele{
	font-weight:bold;
}

.listing_gestionnaire .designation{
	font-weight:bold;
}

.listing_gestionnaire .etat{
	text-align:center;
}

.listing_gestionnaire .pays{
}

.listing_gestionnaire .chantier{
}

.listing_gestionnaire .appartenance{
}

.listing_gestionnaire .interligne{
	border-top: 1px solid #AAA;
}

.listing_gestionnaire .bas{
	border-bottom: 1px solid #000;
}

.capteur_calib_ok{
	color:#090;
	font-weight:bold;
}

.capteur_check_ok{
	color:#009;
	font-weight:bold;
}

.capteur_check_nok{
	color:#F00;
	font-weight:bold;
}

.capteur_check_att{
	color:#F87217;
	font-weight:bold;
}

.capteur_calib_nok{
	color:#F00;
	font-weight:bold;
}

.capteur_calib_att{
	color:#F87217;
	font-weight:bold;
}

.listing_operateur table{
position:absolute;
	
}

.listing_operateur tr {
font-size:0.8em;
}
.listing_operateur td {
min-width:100px;
}

.listing_operateur thead{
	
}

.listing_operateur th{
	background-color:#000;
	color:#FFF;
	font-weight:bold;
	text-align:left;
}

.listing_operateur .id{
	font-weight:bold;
}

.listing_operateur .fournisseur{
	font-weight:bold;
}

.listing_operateur .modele{
	font-weight:bold;
}

.listing_operateur .designation{
	font-weight:bold;
}


.listing_operateur .etat{
	text-align:right;
}

.listing_operateur .interligne{
	border-bottom: 1px solid #AAA;
}

.listing_operateur .bas{
	border-bottom: 1px solid #000;
}

.table_utilisateur_affiche{
	width:100%; 
	font-size:1.1em;
}

.douane{
	width:100%;
}

.douane th{
	padding-top:10px;
}

.douane th.normal{
	font-weight:normal;
}

.douane .bas{
	border-bottom: 1px solid #AAA;
}

.douane .haut{
	border-top: 1px solid #AAA;
}

.douane th{
   text-align:left;
   }

.details{
	border: 1px solid #AAA;
	font-size:0.9em;
}

.details thead{
	background-color:#000;
	color:#FFF;
	font-weight:bold;
}

.details td{
	border: 1px solid #AAA;
}

.ancre{
	position:relative;
	top:-250px;
}

.recherche{
	font-size:15px;
	font-weight:bolder;
	background-color:red;
	color:white;
}

.imprimer{
	padding: 20px 10px 10px 10px;
	border: 1px solid #a4a4a4; 
	box-shadow: 5px 5px 5px #000000;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

.fichier img{
	vertical-align:bottom;
}

.fichier a{
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

.photo{
	border: 1px solid #AAA;
	position:relative; 
	float:left;
}

.photo img.a{
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

.actions_menu{
	position:fixed;
	font-size:1.3em;
	left:250px;
	top:250px;
	width:600px;
	height:400px;
	visibility:hidden;
	border:1px solid #999;
	box-shadow: 5px 5px 5px #888888;
	background-color:#FFF;
	text-align:right;
	z-index:1;
}

.actions_menu ul,li{
	text-align:left;

}

/* CALENDRIER 
Cf jquery-ui.css
*/