/* CSS Document */
*{
font-family: Arial, Verdana, sans-serif;
}
body {
margin: 0;
padding: 0;
color: #333;
background: #fff;
font-size: 62.5%;
}
.limite{
width: 770px;
margin: 0 auto;
text-align: left;
font-size: 1.2em;
}
#header {
background: #F5F5F5;
border-bottom: solid 1px #D8D3D3;
height: 50px;
}
#haut {
height: 30px;
}
#conteneur {
margin:0 auto;
text-align: center;
}
#centre {
margin-left: 0px;
margin-right: 0px;
}
#gauche {
float:left;
width: 0px;
}
#droite {
float:right;
width: 0px;
}
#footer {
clear:both;
height: 30px;
margin-top: 50px;
/* style */
background: #F5F5F5;
border-top: solid 1px #D8D3D3;
}
#footer p{
margin-top: 3px;
text-align: right;
font-size: 0.8em;
font-family: Verdana, sans-serif;
color: #bbb;
}

#query{
display: none;
}
/* commun */
p{
margin: 0 0 10px 0;
}
h1{
font-size: 1.6em;
}
.clear{
clear: both;
}
img{
border: none;
}
a{
color: #222;
text-decoration: none;
}
a:hover{
color: #333;
text-decoration: underline;
}
acronym{
border-bottom: dotted 1px #036;
cursor: help;
}

/* header */
#header .limite{
height: 50px;
background-image: url('_commun/img/header_fd.jpg');
}
#header img{
vertical-align: middle;
margin-top: 5px;
}
#enee_titre{
margin: 0 0 0 20px;
}
#header h3{
margin: 7px 0 0 0;
padding: 0;
letter-spacing: 0.8em;
font-size: 1.4em;
color: #0B6699;
}
#header h4{
margin: 0;
padding: 0;
color: #999;
font-size: 0.8em;
font-family: Verdana, sans-serif;
}
#uic_logo, #enee_titre{
float: left;
}

/* nav */
#nav{
float: right;
vertical-align: top;
padding-left: 500px;
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
#nav li{
display: inline;
}
#nav a{
font-size: 0.8em;
font-family: Verdana, sans-serif;
}
.spacer{
width: 200px;
}


/* menuhaut */
#menuhaut{
text-align: right;
list-style-type: none;
margin: 0;
padding: 0;
}
#menuhaut h4{
display: inline;
font-size: 0.8em;
font-family: Verdana, sans-serif;
font-weight: bold;
}
#menuhaut li {
display: inline;
margin: 0;
padding: 0;
}
#menuhaut a{
/* style */
padding: 2px 1em;
margin-left: 3px;
border: 1px solid #D8D3D3;
-moz-border-radius: 0 0 15px 15px;
border-top: none;
background: #129900;
font-size: 0.8em;
font-family: Verdana, sans-serif;
font-weight: bold;
color: #fff;
}
#menuhaut li.on a{
/* style */
background: #069;
}
#menuhaut li.admin a{
background: #666;
text-decoration: none;
}
#menuhaut li.admin a:hover{
background: #aaa;
text-decoration: none;
}
#menuhaut a:hover{
background: #069;
text-decoration: none;
}

#menugauche {
list-style-type: none;
margin: 0;
padding: 0;
}

/* menugauche */

#menugauche li {
margin-bottom: 5px;
}
#menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menugauche a:hover {
text-decoration: none;
}

/* menudroit */

#menudroit {
list-style-type: none;
margin: 0;
padding: 0;
}
#menudroit li {
margin-bottom: 5px;
}
#menudroit a{
margin: 0 2px;
color: #000000;
}
#menudroit a:hover {
text-decoration: none;
}

/* TABLEAU */
td{
font-size: 0.8em;
}

/********** ENEE **********/
form.recherche{
width: 500px;
margin: 20px 0 0 100px;
/* style */
text-align: left;
}
form.recherche span{
/* style */
font-family: Verdana, sans-serif;
font-size: 0.8em;
}
form.recherche input{
vertical-align: middle;
}
label{
display: block;
margin: 5px 0 3px 0;
/* style */
font: bold 10px Verdana;
}
.small{
width: 50px;
}
.medium{
width: 200px;
}
.large{
width: 300px;
}
input.ok, a.button{
display: block;
/* style */
border: solid 1px #D8D3D3;
-moz-border-radius: 10px;
background-color: #069;
color: #EEE; 

}
input.ok:hover, a.button:hover{
cursor: hand;
background-color: #129900;
border: solid 1px #8C8989;
-moz-border-radius: 10px;
}
input.ok{
margin: 10px 0px 10px 490px;
width: 70px;
font-size: 1.4em;
font-weight: bold;
}
a.button{
text-align: center;
padding: 3px;
margin: 0 0 15px 0;
width: 250px;
font-size: 1em;
font-weight: bold;
}
a.button:hover{
text-decoration: none;
}
a.downloadCSV{
display: block;
margin: 20px;
text-align: center;
text-decoration: underline;
color: #069;
font-size: 1em;
font-weight: bold;
}
a.downloadCSV:hover{
text-decoration: none;
color: #129900;
}

#numrows{
margin: 0;
text-align: right;
font-family: Verdana, sans-serif;
font-size: 0.9em;
color: #666;
}
.O, .N{
font-size: 12px;
font-weight: bold;
}
.O{
color: #129900;
}
.N{
color: #FFC3B8;
}
table{
width: 100%;
}
th{
background: #ccc;
color: #069;
font-size: 0.9em;
font-family: Verdana, sans-serif;
}
th a{
color: #069;
font-size: 0.9em;
font-family: Verdana, sans-serif;
}
td, th{
margin: 0;
padding: 5px 3px;
}
tr.tr1{
background: #e9e9e9;
}
tr.tr0{
background: #fff;
}
.center{
text-align: center;
}
.groupement{
color: #fff;
border-bottom: solid 2px #fff;
text-align: center;
}
.more{
background: #fff;
}
.more img{
vertical-align: middle;
margin: 0 3px 0 3px;
}
.more a:hover img{
margin: 0 0 0 6px;
}
.right{
text-align: right;
}

.query{
margin-top: 20px;
font-size: 0.8em;
font-family: Verdana, sans-serif;
color: #129900; 
}

.colonne{
width: 380px;
float: left;
}
.normal{
clear: both;
padding: 15px;
}
.detail_group{
padding: 20px;
border: solid 1px #999;
-moz-border-radius: 10px;
margin-bottom: 15px;
}
.detail2_group{
padding: 10px;
border: solid 1px #ccc;
-moz-border-radius: 10px;
margin-bottom: 10px;
}
#detail{
width: 600px;
margin: 30px 0 30px 95px;
}
#detail h3{
font-size: 0.9em;
font-weight: bold;
margin: 10px 0 0 0;
padding: 3px 5px 2px 8px;
background: #ccc;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.2em;
}
#detail table{
border: solid 1px #ccc;
-moz-border-radius: 0 0 10px 10px;
margin-bottom: 8px;
}
.detail_group table{
border: 0;
}
#detail caption{
text-align: left;
font-size: 0.9em;
font-weight: bold;
padding: 2px 5px 1px 10px;
background: #ccc;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.2em;
}
.detail_group td{
font-size: 1.1em;
padding: 2px;
}
#detail_principal table{
border: none;
}
td.libelle{
font-weight: bold;
width: 40%;
}
.detail_group ul{
text-align: center;
list-style-type: none;
margin: 10px;
padding: 0;
}
.detail_group li{
display: inline;
margin: 0 20px;
}
.detail_group img{
vertical-align: middle;
margin: 0 5px;
}
tr#code_etabl td, tr#code_pt_front td, tr#code_lotiss td{
padding-bottom: 4px;
border-bottom: solid 5px #f5f5f5;
font-weight: bold;
}
tr#dium td{
padding-bottom: 4px;
border-bottom: solid 5px #f5f5f5;
}

/* detail */
#detail ul{
margin: 20px 0 0 0;
padding: 0;
}
#detail li{
text-align: right;
margin: 0 60px;
font-size: 1.4em;
font-weight: bold;
}
#detail th{
background: none;
color: #aaa;
font-weight: bold;
border-bottom: solid 1px #ccc;
font-size: 0.9em;
}

p.erreur_msg{
width: 80%;
padding: 5px;
font-size: 0.9em;
font-family: Verdana;
font-weight: bold;
color: #F0163D;
background: #f5f5f5;
border:solid 1px #AD0524;
-moz-border-radius: 10px;
}
p.erreur_msg a{
font-size: 0.9em;
font-family: Verdana;
font-weight: bold;
color: #F0163D;
}

#accueil{
/* style */
font-size: 1.1em;
}

#accueil li{
/* style */
list-style-type: square;
margin-top: 10px;
}

#accueil a{
/* style */
font-weight: bold;
color: #129900;
}

#accueil_boutons{
margin: 20px 5px;
padding: 0;
}
#accueil_boutons li{
text-align: center;
list-style-type: none;
float: left;
margin: 0;
padding: 0;
font-size: 0.9em;
font-face: Verdana;
}
#accueil_boutons a{
/* style */
display: block;
text-align: center;
width: 230px;
margin: 15px 50px;
padding: 5px 5px;
border: 1px solid #D8D3D3;
-moz-border-radius: 10px 10px 10px 10px;
border-top: none;
background: #129900;
font-size: 1.1em;
font-family: Verdana, sans-serif;
font-weight: bold;
color: #fff;
}
#accueil_boutons li div{
margin: 10px;
}
#accueil_boutons a:hover{
background: #069;
text-decoration: none;
}
#accueil_boutons a.admin{
background: #666;
text-decoration: none;
}
#accueil_boutons a.admin:hover{
background: #aaa;
text-decoration: none;
}