fieldset div.gauche {float:left;width:55%;}
fieldset div.droiteForm {float:right;width:44%;}


div#optionsalle {margin:1%;}
div#optionsalle div.ligne {background:#bbb;font-style:italic;font-size:0.8em;border:1px solid #555;}

#messageAttente {position:fixed;background-color:#fdf5ce;width:100%;height:100%;display:none;z-index:10000;text-align:center;}
#preloadIMG {position:absolute;left:40%;width:100px;height:100px;margin-left:50px;top:150px;}

/*GED*/
li a.dossier,li a.sousdossier{cursor:pointer;}
em.taille {font-size:0.8em;}
.fiche ul li em.taille img {height:12px;width:12px;}

.fiche ul.menuplusmoins li a.actionDossier img {height:12px;width:12px;}
/*Fin GED*/
ul.bouton li {margin:5px;float:left;}
.authentification {width:800px;margin:auto;margin-top:50px;margin-bottom:50px;box-shadow:0px 0px 10px #999;border:1px solid #ccc;padding:1%;min-height:200px;}
.authentification img {width:16px;height:16px;}

#nom table ul li span.libelle {color:#222;font-weight:bold;}

span.modele {padding-left:1em;font-weight:bold;}
span.number,#nom span.number {float:right;padding:0px 3px;height:2em;line-height:2em;margin:-2px -5px 0 1px;background:linear-gradient(#585858 0%,#111 100%);color:#fff;text-shadow:none;border-radius:0.4em;}
span.number a {color:#fff;}
#nom table td span.number {height:24px;line-height:24px;}
div.number {font-weight:bold;}
div.pourcentage {font-size:0.8em;}
/*dans la colonne de droite*/
#colonne span.number {font-size:0.8em;}
/*menu secondaire*/
#nom li span.number {margin:-5px -2px;}
/*menu principal*/
#menu1 ul li.sousmenu a span.number {margin:0px;}

table {background:#fff;padding:2px;}
td.etage {background:#999;font-weight:bold;}
td.centre ul {text-align:center;}

ul li.script{font-family:'Courier';color:blue;}
label.checkbox {float:none;cursor:pointer;}
label.checkbox input {margin-bottom:2px;}
.droite {float:right;width:70%;}
span.checkbox {vertical-align:top;}
.fiche form div.inactive label {color:#ccc;}
.pair,table#table tbody tr.pair {background-color:#f9f9f9;}
.impair,table#table tbody tr.impair {background-color:#fff;}

div.resultat td ul li,div.fiche td ul li,td ul li {border:0;list-style-type:none;margin:0;padding:0;line-height:18px;}
td ul li {margin-left:0em;padding:0;}

div.resultat td ul.niveau1 li,div.fiche td ul.niveau1 li,td ul.niveau1 li {list-style-type:none;margin-left:0;}

p.alerte,p.alerteInfo,p.notification,p.information {padding:5px;margin:0;margin-top:10px;border-bottom:1px solid;}
p.notification,li.notification {background: url("../icones/notification.png") no-repeat 5px 5px;padding-left:30px;}
p.alerteInfo,li.alerteInfo {background: url("../icones/warning.png") no-repeat 5px 5px;background-size:16px 16px;padding-left:30px;}
td.notification {background:#eee;}
a.opener {float:right;}
div.input {display:inline-block;background:#fff;padding:0 0.5em;border-radius:0.5em;}

p.information {background: url("../icones/info.png") no-repeat 5px 5px;background-size:16px 16px;padding-left:30px;}

#progressbar {border:1px solid #ddd;width:90%;height:30px;background:#fff;text-align:center;}
#progressbarSynthese,.progressbarSynthese {width:100%;height:39px;background:transparent;text-align:center;}
#progressbarSynthese .indicateur,.progressbarSynthese .indicateur {height:13px;line-height:13px;float:none;}
.compteur #progressbar {height:15px;width:100%;}
.compteur .indicateur {height:15px;line-height:15px;}
#indicateur {height:30px;color:#fff;line-height:30px;font-size:0.8em;}
.indicateur {height:30px;color:#fff;line-height:30px;font-size:0.8em;float:left;}
td .indicateur a.button {color:#fff;}
.reglementation #indicateur {height:24px;line-height:24px;}
#saisieFiche,div.saisieFiche {width:50px;height:20px;border:1px solid #ddd;float:left;background:#eee;padding:0;}
#saisieFiche #indicateur,div.saisieFiche div.indicateur {height:20px;line-height:20px;overflow:hidden;}
td #saisieFiche,td div.saisieFiche {float:none;}
#progressbar .prescription {height:6px;border-top:1px solid #eee;}

.saisieScore {width:100px;border:1px solid #ddd;float:left;background:#eee;}
.saisieScore .indicateur {height:30px;line-height:30px;overflow:hidden;font-weight:bold;}
table td .saisieScore {float:right;}

p.accueil {font-size:1em;color:#525454;text-align: justify;padding:2px 1% 2px 1%;margin:0;margin-top:2px;}
p.accueil:first-letter{font-size: 2.2em;color: #e98201;text-shadow:2px 2px 2px #444;}
p.accueil span,p span {font-weight:bold;text-shadow:1px 1px 0px #999;}

.contact {text-align:center;background:#444;}
.contact p{color:#eee;}

div.presentation ul li {list-style-type:circle;margin-left:15px;padding:2px;}
div.presentation p.accueil {font-size:1em;}



.docReference {margin:6px 3px 6px 3px;min-height:200px;padding:5px;background:-moz-linear-gradient(center top , #fff 60%, #eee 100%) repeat scroll 0 0 transparent;border:1px solid #eee;float:left;width:288px;}
.docReference h1 {font-size:1.2em;}

ul.ui-tabs-nav li img {height:10px;}

ul.news li img, .module ul li img {width:16px;height:16px;}

div.slogan {text-align:center;padding:5% 2%;margin-top:5px;margin-bottom:5px;}
div.slogan h1{margin:0px;font-size:2.5em;color:#555;line-height:20px;height:24px;text-shadow:1px 2px 3px #999;}
div.slogan h2{font-size:4em;color:#3e85d3;margin:0px;text-align:center;line-height:24px;text-shadow:0px 2px 5px #999;height:24px;}
div.slogan h2.environnement{font-size:1.9em;color:limegreen;line-height:20px;}
div.slogan h2.securite{color:#be0000;font-size:3.4em;}
div.slogan h3{font-size:2.5em;color:#777;margin:0px;line-height:16px;height:24px;text-shadow:0px 2px 2px #999;opacity:0.8;}

h2 img, h3 img {height:16px;}
/**************************************************************************
****************DIV COLONNE************************************************
**************************************************************************/
#colonne p:first-letter{font-size: 2em;color: #aa4400;padding-left: 0.5em;}

.encadre {float:right;width:200px;border:1px solid #d6d4d4;padding:2px;clear:both;margin:5px 5px 10px 10px;background:#fdf5ce;}
div.resultat .encadre ul {padding:0;padding-left:3px;margin-left:10px;font-size:1em;}
div.resultat .encadre ul li {line-height:20px;border:0;list-style-type: square;margin-left:1em;}
.encadre h3 {text-align:center;margin:2px;}

.boxEncadreG {float:left;width:46%;}
.boxEncadreD {float:right;width:46%;}
.boxEncadre {border: 1px solid #fbcb09;padding: 5px;margin: 5px;box-shadow:2px 2px 4px #bbb;background: #fdf5ce;min-height:300px;}
.boxEncadre h1 {color:#444;}
.boxEncadre h3, .encadre h3 {font-size:16px;}
.boxEncadre ul {padding:0;padding-left:3px;font-size:14px;color:#ff1617;}

.encadre ul.actu, .boxEncadre ul.actu, .resume ul li {color:#444;}

#colonne .encart {margin:10px 0 0px 0;padding:1px;border:1px solid #fbcb09;background:#fdf5ce;}
#colonne .encart ul {margin:0;padding:0;margin-top:5px;}
#colonne .encart ul li {list-style-type:square;margin-left:15px;padding:2px;}
#colonne .encart h3 {float:none;}

.resume .encadre {float:left;margin-right:10px;margin-left:0;}

.encart h1 {margin:0;margin-bottom:3px;background:#f6ae38;color:#eee;font-size:1.2em;height:30px;line-height:30px;text-shadow:1px 1px 1px #777;box-shadow:0px 1px 2px #bbb;}

div.pagination{float:left;height:auto;margin:2px;}
div.liens {font-size:10px;margin-top:1em;margin-bottom:1em;}
div.pagination div.liens {float:left;margin-top:1.5em;}
div.resultat div.liens a,div.liens a {background:linear-gradient(white 0%, #dcdcdc 100%) repeat scroll 0 0;border:1px solid #cacaca;color:#333;padding:0.5em;}
#nom div.liens span.page_current,#nom div.pagination div.compteur,#nom div.compteur,div.compteur {background:linear-gradient(#585858 0%,#111 100%);border:1px solid #111;color:#fff;width:auto;padding:0.5em;}
div.compteur a {color:#eb8f00;}
#nom div.liens span.page_current {background:#fff;color:#585858;border:1px solid #bbb;}
.liens h2 a {padding:0;}
.liens a:hover,.ui-tabs .liens a:hover {background:#fff;border:1px solid #bbb;color:#585858;}

#ajout {width:100%;background:#fff;}

h1.afficheNom {font-size:1.1em;}

/***********************************************************
************** Colonne Droite **********************************
***********************************************************/
h4 img {height:16px;}

.identification h1 {margin-bottom:2px;}

.navigation .dossier {border:0px;}
.navigation .dossier h1 {background:#fff;height:30px;line-height:30px;border:0px;}

.resultat .dossier {}
.resultat .dossier a {text-align:left;}
.resultat .dossier ul {margin-left:1em;padding-left:1em;clear:none;}
.resultat .dossier ul li {list-style-type:disc;margin-left:1em;}

#colonne .dossier ul,#colonne .identification ul {list-style-type:none;margin:0;padding:0;}
#colonne .dossier ul li, #colonne .identification ul li {list-style-type:none;margin:0;margin-top:2px;padding:0;padding-left:5px;font-size:0.8em;line-height:12px;}

#colonne .identification ul li img {height:14px;}
#colonne .identification ul li{line-height:16px;}

.panier img {margin-left:50px;}

#colonne .dossier {text-align: left;}

.top {box-shadow:1px 1px 1px #999;}
.top h1 {margin:0;color: #fff;background: #f6a628;}

#nom span{color:#3e85d3;font-size:1em;}
#nom h3 a span {font-size:1em;}
#nom .accesRapide span {color:#bbb;}
#nom table span {color:#e98201;}
#nom table span.intituleControle {line-height:28px;}

.fiche {font-size:1em;padding:5px;padding-bottom:12px;min-height:150px;border:1px solid #ddd;border-top:0;margin:2px;background:-moz-linear-gradient(center top , #fff 0%, #fafafa 100%) repeat scroll 0 0 #fff;}
#dashboard .fiche {min-height:50px;}

.ficheAdministration {border-top:0;min-height: 200px;margin:0px;padding:5px;background:#FFFFFF url(../icones/fondAccordion.png) repeat-x scroll bottom center;}
#tabs .ficheAdministration,.ui-tabs .ficheAdministration {background:#fff;padding:2px;border:0px;padding-top:5px;}
.ficheAdministration ul {margin:0;padding:0;}
.ficheAdministration h1.titre {font-size: 1.2em;}
#containerDetail .ficheAdministration {margin:2px;}

.ficheAdministrationDonnees {background:#fff;min-height:150px;border:1px solid;border-color:#ccc #000 #000 #ccc;margin-top:-1px;padding:10px 0 15px 0;}
        
ul.raccourci {clear:both;margin:0;margin-top:5px;padding:5px;}

div.resultat ul.raccourci {background:#fff;margin:0;box-shadow:none;}
ul.raccourci li,.ficheProduitDonnees ul li {margin-top:2px;padding-top:2px;border-top:1px solid #ccc;line-height:26px;}
#Authentification ul.raccourci li {border:0;}
ul.raccourci li ul li {border:none;padding:0;line-height:20px;}
ul.raccourci li img,ul.raccourci li a img {height:18px;}
ul.raccourci li a,div.resultat a,fieldset a {padding:0;}

.legende {font-style:italic;font-size:0.8em;margin-bottom:2px;padding:1%;}
.legende h2 {margin-top:5px;font-family:courier,'sans-serif';}
.legende img {height:16px;margin-bottom: -3px;}
.legende li a {height:16px;line-height:16px;}
.legende li {border-top:1px dashed #bbb;}
.legende h1 {height:20px;line-height:20px;font-size:1.2em;}

.echelle {border-bottom:1px dashed #bbb;background:#eee;text-align:center; }
.echelle img {height:16px;width:16px;}
ul.legendePlan {margin-left:2em;}
ul.legendePlan li {list-style-image: url('../icones/flecheDroiteBas444.png');padding-left:0.5em;}
ul.legendePlan ul {margin-left:1em;}

a.ajout {
    color:#fff;
    display:block;
    float:left;
    height:15px;
    padding:3px 1em 4px;
    margin: 0px;
    text-decoration:none;
    background-color:#3E85D3;
    border-bottom:2px solid #DADADA;
    border-right:2px solid #DADADA;
    border-top-left-radius: 5px;/*CSS3*/
}
a.ajout:hover{
    color: #e98201;
    background: #fff;
    border-top-left-radius: 5px;/*CSS3*/
}
a.ajout-actif {
    color:#e98201;
    display:block;
    float:left;
    height:15px;
    padding:2px 1em 4px;
    margin: 0px;
    text-decoration:none;
    background-color:#fff;
    border:1px solid #DADADA;
    border-top-left-radius: 5px;/*CSS3*/
    font-size:1.2em;
}

#categorie {padding: 3px;margin:0px 1px 10px 1px;padding-left: 10px;height: 50px;}
#categorie h2 {float: left;/*width: 50%;*/margin:0;/*line-height: 60px;*/}
#categorie h2 span {font-size:1.1em;line-height:50px;margin:0;text-shadow: -1px -1px 1px white, 0px 1px 1px #bbb;vertical-align:top;}
#categorie .outil {float: right;}
#categorie a.outil {line-height: 48px;}

#navigation {width:100%;padding-bottom:30px;padding-top:20px;margin:0 auto;text-align:center;}
.navigation {width:100%;padding-bottom:30px;padding-top:20px;margin:0 auto;}
#navigation ul li,.navigation ul li {text-align:center;}


div#navigation ul.menu_secondaire {color:#fff;}
div#navigation ul.menu_secondaire, div.navigation ul.menu_secondaire {margin:0 auto;padding:0.1em 0 0.1em 0;list-style:none;font-size:1em;text-align:center;border-bottom:1px dashed #222;}
div#navigation ul.menu_secondaire img {text-align:center;}
div#navigation ul.menu_secondaire li.categorie {width:800px;min-height:24px;height:24px;line-height:24px;font-size:1.2em;text-shadow:1px 1px 2px #999;color:#fff;margin-bottom:4px;box-shadow:0px 2px 1px #999;opacity:1;}
div#navigation ul.menu_secondaire div.categorie,#dashboard div.categorie {height:30px;line-height:30px;font-size:1.2em;color:#fff;margin:0 2px 0 2px;box-shadow:0 1px 1px #777;border:1px solid #fff;text-align:center;}
#dashboard div.categorie {background:#999;}
ul.menu_secondaire li a {color:#3ec8ef;}
div#navigation ul.menu_secondaire li.info a,div#navigation ul.menu_secondaire li.module a {color:#bbb;}
ul.menu_secondaire li,div.navigation ul.menu_secondaire li{color:#fff;list-style:none;padding:5px 2px;width:20%;min-height:150px;margin:0px;margin-right:10px;margin-bottom:10px;font-size:1em;border:1px solid #e2e2e2;background:linear-gradient(#444 10%,#222 100%);display:inline-block;}
ul.menu_secondaire li.commun,div.navigation ul.menu_secondaire li.commun{background:linear-gradient(#222 10%,#555f79 100%);display:inline-block;}
div#navigation ul.menu_secondaire li.info,div#navigation ul.menu_secondaire li.module {color:#bbb;font-style:italic;background:#fff;border:1px dashed #bbb;}
div.resultat ul.menu_secondaire li,div.fiche ul.menu_secondaire li{line-height:24px;}
div#navigation ul.menu_secondaire li img{height:16px;}

#navigation ul.menu_secondaire li div.compteur,.navigation ul.menu_secondaire li div.compteur {background:#fff;color:#222;padding:0.1em;text-align:center;margin:0;border:0;box-shadow:none;}
ul.menu_secondaire li div.droite {background:#fff;width:18%;display:inline-block;font-size:0.9em;min-height:100px;}
ul.menu_secondaire li div.gauche {width:80%;display:inline-block;}

img.icone {height:24px;width:24px;}
.petit {font-size:0.9em;}
.petit span {float:right;}
.petit span img{margin-bottom:-5px;}

.questionnaire {float:left;width:40%;}
.listeMateriel {float:right;width:58%;background:#fff;box-shadow:1px 1px 10px #2f2f2f;}

#dashboard span.petit {font-size:0.8em;font-style:italic;}

.produit em {font-size:1.2em;}

.lien {
    color:#aa4400;
    float:right;
    display:block;
    height: 60px;
    line-height: 20px;
    padding:2px;
    margin: 2px;
    margin-top:0px;
    text-decoration:none;
    background: #fff;
    opacity : 0.7;
    }
.lien:hover{
    opacity : 1;
}
.accesRapide img {}
.lienR {
    color:#aa4400;
    float:right;
    display:block;
    height: 20px;
    line-height: 20px;
    padding:0px;
    margin: 0 1px 1px 1px;
    text-decoration:none;
    }

form select.actif {background:#fdf5ce;}

.gaucheFieldset fieldset {float:left;width:20%;font-size:0.9em;}
.nomGauche .droite {float:right;width:270px;height:20px;line-height:20px;background:#fff;border-top:1px solid #ddd;margin-bottom:1px;padding:7px 0 5px 3px;}
#nom .nomDroite,.nomDroite {float:right;width:455px;margin-right:2px;margin-top:10px;}
.ficheProduitDonnees .droite a {color: #3e85d3;float:left;}
div.fiche .nomDroite ul li {font-size:0.8em;line-height:14px;padding:0;}
.nomDroite ul ul li {display:inline;padding:0;margin:0;margin-left:2em;border:0;line-height:12px;}
.nomDroite .droite {float:right;width:245px;height:20px;line-height:20px;background:#fff;border-top:1px solid #ddd;margin-bottom:1px;padding:7px 0 5px 3px;}
.nomDroite .gauche {float:left;width:200px;font-style:italic;color:#e98201;}
.droite img {height:16px;}

.dessin {padding: 5px;}

a.bouton {
    font-size:1em;
    padding:3px;
    margin:0px 2px 0px 2px;
    background:url('../icones/fondarticle.jpg') repeat-x scroll bottom center;
    color:#00346a;
}
input.field {
    border:1px solid #777;
    background:#ddd;
    color:#444;
    }

.ajout span {
    color:#e98201;
    font-style:italic;
    }
span.gras {font-weight:bold;}
.materiel fieldset {background: #fff url('../icones/fondMateriel.png') repeat-x scroll bottom center;}
.administration fieldset {background: #fff url('../icones/fondAdministration.png') repeat-x scroll bottom center;}
.administration form input:focus {border: 2px solid;border-color: #fff #bbb #bbb #fff;background: #ddeef6;}
.administration form select:focus {border: 2px solid;border-color: #fff #bbb #bbb #fff;background: #ddeef6;}

span.resultat {font-style:italic;color:#e98201;}
.ficheAdministration .ligne span.input {color:#1c94c4;font-weight:bold;}
h3.montant {text-align:right;font-weight:bold;margin-right:10px;font-size:1em;}
h3 span {color:#ff9900;}
a.modif {font-style:italic;font-size:0.8em;}

span.input form {display:inline;}
.images {text-align:center;margin-bottom:20px}
#colonne div.compteur {float:right;font-size:0.8em;border:0;background:none;box-shadow:none;color:#e98201;}

div.titreSecondaire,tr.categorie {background:linear-gradient(#0c6586 95%,#222 100%);font-size:1em;color:#fff;padding:0.4em;margin-top:1em;height:28px;line-height:28px;border:1px solid #fff;text-transform:uppercase;}
<!--div.titreSecondaire {background:#222;border:1px solid #fff;float:left;font-size:1em;color:#fff;padding:0.5em;margin-left:4px;margin-top:1em;}-->
div.titreSecondaire a {color:#fff;}
#nom div.titreSecondaire span {color:#fff;}
div.dangerCLP div.titreSecondaire {background:#fff;}
div.titreSousSecondaire {margin:0;margin-top:2px;font-size:0.8em;background:linear-gradient(white 0%, #eee 100%) repeat scroll 0 0;border:1px solid #dadada;border-bottom:0px;float:left;padding:0.4em;}

div.raccourci,div.actionFiche {background:url(../icones/icon_more.png) no-repeat scroll 0 0;height:30px;position:relative;display:block;width:40px;float:right;cursor:pointer;margin-top:0.3em;}
div.raccourci:hover,div.actionFiche:hover{background:#fff url(../icones/icon_more.png) no-repeat scroll 0 0;}

div.actionLocale {float:none;display:inline-block;height:16px;width:16px;}
div.actionLocale,div.actionLocale:hover {background:url(../icones/triangleBas-444.png) no-repeat scroll 3px 3px;}

div.tabPlus,div.tabPlus:hover {background:url(../icones/savoirPlus.png) no-repeat scroll 0 0;margin-top:0.1em;}
div.menu_more,div.actionFiche ul.niveau1 {display:none;width:250px;background:#fff;box-shadow:1px 2px 1px #777;border:1px solid #ccc;padding:5px;position:absolute;right:6px;top:30px;z-index:999;}
#panel .content .left div.actionLocal ul.niveau1,div.actionLocale ul.niveau1 {left:-16px;top:16px;padding:5px;}
div.raccourci:hover div.menu_more,div.actionFiche:hover ul.niveau1 {display:block;}
div.raccourci img,div.niveau2 img {height:16px;}
div.raccourci div.menu_more ul {margin:0;padding:0;}
div.raccourci div.menu_more ul li {height:24px;line-height:24px;list-style:outside none none;margin:0.2em;padding:0.5em;}
div.raccourci div.menu_more ul li a {overflow:hidden;}
div.menu_more a {padding:0;}
div.menu_more div.header {font-weight:bold;height:20px;line-height:20px;}
ul.niveau1 li.titreAction {border:0px;font-weight:bold;}

div.actionFiche ul,div.resultat div.actionFiche ul {padding:0;margin:0px;}
div.actionFiche ul div.niveau2,div.actionFiche ul ul li,div.resultat div.actionFiche ul ul li {text-decoration:none;font-size:0.8em;background:#fff;}

div.tabPlus li a {color:#545454;}

div.fiche table td form.button input[type='submit'] {background:none;cursor:pointer;color: #444;}
div.fiche table td form.button:hover,div.fiche table td form.button input[type='submit']:hover {background:#eee;}

p.resume {color:#fff;font-size:0.9em;}
tr.archive {background:#efefef;}

ul.tabPlus {float:right;cursor:pointer;}
#nom ul.tabPlus span {color:#fff;margin:2px;font-size:1.2em;}
ul.tabPlus li {display:none;width:250px;background:#fff;box-shadow:0 1px 2px #777;padding:5px;position:absolute;right:6px;top:30px;z-index:999;color:#545454;}
.ui-tabs ul.tabPlus:hover li {border:1px solid #fff;height:24px;line-height:24px;list-style:outside none none;margin:0.2em;padding:0.5em;display:block;}
ul.tabPlus:hover li span {background:#585858;color:#fff;}


#principal span.warning {
    clear:both;
    background:url('../icones/warning.png') no-repeat scroll 0 2px;
    font-size:1em;
    text-align:center;
    color:#df0012;
    padding:2px 2px 2px 20px;
    }
div.warning {
    background:#777 url('../icones/warning.png') no-repeat scroll 0px 8px;
    background-size:16px;
    font-size:1em;
    color:#eee;
    padding:2px 2px 2px 20px;
    margin:1px;
    height:28px;
    line-height:28px;
    clear:both;
    border:1px solid #be0000;
    }
#nom h2.infos {
    background:url('../icones/help.png') no-repeat scroll 0 0px;
    padding:2px 2px 2px 20px;
    font-size:1em;
    }
    div.infos {
        font-size:1.2em;
    }
#centre h2.infos {
    background:#444 url('../icones/info.png') no-repeat scroll 1px 7px;
    font-size:1.2em;
    font-family:helvetica,'sans-serif';
    color:#fff;
    padding:5px 2px 2px 20px;
    }
#centre h2.infos ul {
    color:#fff;
    }

div.resultat div.resultat {border-color:#d6d4d4;}
div.titre {color:#585858;padding:10px;margin-bottom:20px;margin-left:10px;border-bottom:1px solid #d6d4d4;}
div.resultat ul,.fiche ul {margin:0;margin-top:5px;padding:2px;}
div.resultat ul li,.fiche ul li {margin-top:2px;padding-top:2px;border-top:1px solid #d6d4d4;line-height:32px;}
div.ligne ul {margin:0;padding:0;}
div.ligne ul li {border:0;margin:0;padding:0;}
div.resultat ul li img,.fiche ul li img {height:16px;}
.fiche table ul li img{height:14px;}
div.resultat ul li a,.fiche ul li a {padding:0;}
div.resultat h3, .ficheProduitDonnees h2{text-shadow:1px 1px 0px #999;}
div.resultat div#accordion h3 {text-shadow:none;}

div.resultat ul li ul {margin-left:20px;}
.montant {text-align:center;float:right;width:300px;padding:5px;font-size:1em;font-weight:bold;background:#fff;border:1px solid #bbb;}
.montant label {float:left;width:60%;}
#nom .montant span {color:#be0000;}

/*div.resultat img {width:16px;}*/

.statistique h1 {background:#ddd;padding:1% 0 1% 1%;border:#999 1px solid;}
.afficheStat {padding:1%;margin:1px 0 0 0;}
.afficheStat td {border:1px solid #aaa;}
ul.afficheStat {margin-top:1px;}
ul.afficheStat li {background:#eee;}
.afficheStat h3 {font-size:1em;}

.ongletLien {margin-top:-5px;margin-bottom:10px;width:120px;float:left;}

#slideshow {height:75px;left:50px;}

#infos {background:#fdf5ce;color:#444;font-size:0.83em;border:1px solid #fbcb09;margin:0px;border-radius:2px;height:30px;line-height:30px;}
ul.news {font-size:1em;font-family: courier,'sans-serif';padding-left:5px;margin-bottom:0px;margin-top:0px;clear:both;font-weight:bold;height:30px;line-height:30px;}
ul.news img {margin-bottom:-5px;}

/*boite lors de la recherche d'un produit*/
.suggestionsBox,#rechercheRef {position:absolute;margin:2px 0px 0px 5px;width:750px;background-color:#000;border:1px solid #fff;color:#fff;z-index:999;line-height:14px;box-shadow:1px 1px 2px #999;}	
#rechercheRef {margin:10px 0px 0px 200px;background-color:#212427;}
.suggestionList {margin:0px;padding:0px;}
.suggestionList li {margin:0px 0px 3px 0px;padding:3px;cursor:pointer;}
.suggestionList li:hover {background-color:#659CD8;}

#box1 {
    box-shadow:5px 5px 5px #888;
}	

li.resume {font-style: italic;padding-left: 20px;}

.contenu {margin: 10px 1px 10px 1px;padding: 1%;}
.contenu p {padding: 2px 0 0 0;}
.contenu li {margin-left: 20px;list-style-type: circle;}

#nom span.message {
    font-style:italic;
    font-family:helvetica, 'sans-serif';
    color:#ccc;
    display:block;
    }
div.message img {height:16px;}
div.message span {font-weight:bold;}

#panel .content .left ul {padding: 0;margin: 0 0 0 1em;color: #999;}
#panel .content .left ul li img,#panel .content .left img {height:14px;}
#panel .content .left ul li {line-height:20px;margin:2px 0 1px 0;}
#panel .content ul li a {padding:0;}
#panel .content ul li form {margin:0;}
#panel form input[type='image']{float: left;}

img.aide,.aide,img.aideForm {cursor:help;}
form input.hint, input.hint {color:#b2b2b2;font-style:italic;}

.astuce {background:#2a2a2a url(../icones/ampoule.png) no-repeat scroll 5px 6px;padding:5px;padding-left:25px;color:#fff;margin:0;margin-bottom:2px;min-height:24px;line-height:22px;font-size:1em;box-shadow:0 2px 1px #999;border:1px solid #fff;}
#nom div.astuce span {background:#eee;padding:2px;}
div.astuce ul li {color:#fff;list-style-type:circle;}

.tagcloud {background:#fdf5ce;margin:0px;margin-top:5px;border:1px solid #d6d4d4;}
p.tag {font-style: italic;font-size: 0.8em;color: #bbb;}

#dialog-form span.gpucommunaute,#nom span.gpucommunaute {font-size:0.8em;color:#aa4400;}
/*boite cmr lors de l'affichage d'une fiche produit*/

#nom span.compteur,#nom span.compteur a,#picture span.compteur,#dialog-form span.compteur {padding:0.5em;font-size:0.8em;}
/*GED*/
#nom li.repertoire span.compteur,#picture .legende li span.compteur,#nom ul li span.compteur {padding:0.2em;font-size:0.8em;background:linear-gradient(#585858 0%,#111 100%);text-align:center;color:#fff;}

#pageDetail h4 {padding:0;margin:0;}
#detail ul li {color:#fff;line-height:20px;padding:1px;;background:none;box-shadow:none;border-top:1px solid #fff;}
#detail li.Defaut,span.defaut,tr td span.defaut {background:#be0000;box-shadow:none;}
#detail li.Vie {background:darkorange;}
#detail li.Attente {color:#444;background:gold;box-shadow:none;}
#detail li.Controle {background: darkorange;}

.ui-dialog {top:50px;}
.ui-dialog-title{background: none;padding-left:20px;}
.tab li .bug form, .tab li .bug input {height:10px;line-height:10px;padding-top: 8px;}

.titre form input[type='image']{padding:0;height:18px;}
.titre img { height:18px;}
.titre a {padding:0;}

.titre form input[type='image'],
#nom .fiche form input[type='image'],

#nom div.resultat div.ligne form input[type='image'],div.resultat .ligne a img,div.fiche .ligne a img {height:16px;width:16px;line-height:16px;margin:0;margin-top:3px;padding:0;}
#nom .fiche table img,#nom .resultat table img {margin-top:3px;}

#nom .fiche table td form input[type='image'],#nom .resultat table td form input[type='image'],table input[type='image']{height:14px;margin-top:4px;box-shadow:none;border:0;}
#nom .resultat table td form input.lienR[type='image']{float:right;}
#nom .fiche table td form,#nom .resultat table td form,table td form {display:inline;}

a.retour {
    border: 1px solid #ddd;
    font-size: 12px;
    padding: 2px;
    background: #eee;
    float:right;
    margin-right:0.5em;
    border-bottom:0;
    }
a.retour:hover {
    background: #fff;
    }
.export {
    font-size: 12px;
    padding: 2px;
    float:right;
    margin-top:0px;
    }
.export img {
    margin-bottom: 0px;
    height: 16px;
}

.exportTableau select {box-shadow:none;}

.ui-accordion-header img {height:20px;}

.tab {line-height:30px;}
.tab img {height:16px;margin-bottom:-3px;}

#nom table form input {}
#nom .resultat table form input {height:20px;border:1px solid #ccc;}
#nom ul.raccourci form {display:inline;float:none;margin:0;}
#nom ul.raccourci form input {box-shadow: none;padding:0;}
#nom ul.raccourci form input[type="image"]{float: none;margin:0;line-height:26px;height:18px;}

form input.obligatoire, form select.obligatoire {border-color:#be0000;box-shadow:#be0000 0px 1px 1px;}
td form {margin:0;}

#nom table form span.PA, form span.PA {margin:1px 0 0 0;padding:0;float:right;line-height:28px;}
table td.exception form span.PA {float:left;}
form span.submit {float:left;height:28px;}
span.PAControle {margin:1px;padding:0.4em;float:left;}
#nom table form span.PAsansObjet {padding:4px;border-right:0;}
#nom table form span.PA span.PAnonRenseigne, form span.PAControle span.PAnonRenseigne,form span.PA span.PAnonRenseigne {background:#be0000;padding:4px;}
#nom table form span.PA span.PAenCours, form span.PAControle span.PAenCours,form span.PA span.PAenCours {background:#e98201;padding:4px;}
form span.PA span.PAOK, form span.PAControle span.PAOK {background:limegreen;padding:4px;}

#nom table td span.PAenCours,#nom table td span.PAnonRenseigne {color:#fff;}

form span.submit span.PAnonRenseigne,form span.submit span.PAenCours,form span.submit span.PAOK{padding:14px 6px 1px 6px;}

.tooltip div.description {display:none;}
.tooltip:hover div.description {display:block;position:absolute;top:20px;left:-10px;width:300px;padding:5px;border:1px solid #bbbbbb;background:#ffffcc;}

h3 span.date {color:#ccc;font-size:10px;}

#nom .resultat table tr {min-height:14px;line-height:28px;}

/*document unique*/
#DU {width:990px;min-height:600px;margin:auto;margin-top:5px;padding:1px;}
#picture {position:relative;left:100px;margin:0;top:0;width:600px;}
.image {width:600px;min-height:700px;}
.boiteAccueil {position:absolute;opacity:0.8;}
.boiteAccueil:hover {opacity:1;}

div.ligne div.ligne {border:0;background:#fff;}

table td.optionAction{width:15%;}

h1 span.petit {font-size:0.5em;font-style:italic;}
div.suivant input[type="submit"] {background: #eee;border: 1px solid #042366;display:inline;}

form#evaluationForm input[type='submit'],form#evaluationForm div.submit input[type='submit'] {display:inline;float:left;}

tr.historique {margin:0;padding:1px;height:16px;line-height:16px;font-size:10px;background:#545454;color:#ddd;}
tr.historique td {border-top:1px solid #999;}
tr.historique img {width:12px;height:12px;margin:0;padding:0;}

#dialog-enregistrement p{
    margin-top:10px;
    text-align:center;
    font-size:1em;
    color:green;
    height:20px;
    line-height:20px;
}

.OK, td.OK,#nom table tr td span.ok,table.dataTable.display tbody tr td.OK.sorting_1, table.dataTable td.OK,span.ok{background:limegreen;}
.Attente{background:gold;}
#optionMainCourante div.action .Attente {background:#eee;opacity:0.6;}
.Defaut,table.dataTable.display tbody tr td.Defaut.sorting_1, .defaut,span.Defaut,#nom span.Defaut,#nom table td span.defaut{background:#9e0000;color:#fff;}
#nom .Controle,span.Controle {background:darkorange;color:#fff;}
#detail ul li.NC{color:#555;}

#panel span.OK,#panel span.Defaut{color:#fff;}

#accordion h3 a img {height:14px;}
#accordion h3.ui-state-active a {color:#e98201;}
#accordion .ui-accordion-header a {font-size:1.1em;}

div.action,div.button {float:right;padding:0;margin-bottom:2px;}
div.gauche div.action {float:left;}
td div.action,td div.button {font-size:1em;margin:0;}
#nom div.resultat td div.action a.button img, #nom div.fiche td div.action form.button input[type="image"],div.button a img,img.button {margin:0;padding:0;height:16px;width:16px;vertical-align:-3px;}
td div.action a.button, #nom div.fiche td div.action form.button {margin:0.1em;}
div.action a,div.button a {margin:1px;padding:0;}
div.action img, div.action form input[type="image"], #nom div.resultat div.action form input[type="image"],#nom div.fiche div.action form input[type="image"] {max-height:18px;height:auto;padding:0;margin:1px;box-shadow:none;}
#nom div.resultat div.action form,#nom div.fiche div.action form {margin:0;padding:0;float:none;display:inline;}
#nom div.resultat table td div.action a img,#nom div.fiche div.action form {height:14px;}

em img {height:16px;width:16px;}

/*bouton d'action*/
a.button:before,form.button:before,div.button:before,img.button:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    float: left;
    font-size: 1.5em;
    margin: 0 1em 0 0em;
    padding: 0 0.2em;
    pointer-events: none;
    text-align: center;
}
div.detail div.action a.active {background:#fff;}
#nom div.fiche div.action form.button input[type='submit'],div.action form.button img,div.action a.button img,div.niveau2 a.button img, div.niveau2 form.button input[type='submit'] {height:16px;margin-bottom:-3px;}
form.button input[type='submit'],form.button input[type='submit']:hover {text-decoration:none;border:0;}
div.button,#nom div.fiche div.action form.button,div.action form.button,div.action a.button,div.niveau2 a.button,div.niveau2 form.button,div.fiche table td div.action form.button,form.button,img.button,div.menu_more a.button{
    background-color:#fff;
    border-top:1px solid #ddd;
    color:#777;
    display:block;
    font:bold 1em/1em arial,sans-serif;
    margin:0.2em;
    padding:0.5em;
    text-decoration:none;
    white-space:nowrap;
    height:24px;
    line-height:24px;
}
div.menu_more a.button{font:bold 0.8em/1em arial,sans-serif;}

div.fiche table td div.action form.button input[type='submit']{text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);}

div.action a.button {border:1px solid #ccc;background:#fff;}
div.action a.button, #nom div.fiche div.action form.button, div.fiche table td div.action form.button {padding:0.2em;display:inline-block;cursor:pointer;}
div.action form.button:hover, div.action a.button:hover,div.niveau2 a.button:hover,div.niveau2 form.button:hover,div.menu_more a:hover{background:#EEEEEE;color:#0099cc;}
div.actionFiche div.niveau2 form.button input.exportListe[type='submit']:hover,div.actionFiche div.niveau2 form.button input.exportListe[type='submit']:focus {color:#0099cc;}
/**********************MESSAGERIE********************/
ul.message {padding:0;margin:0;margin-top:10px;}
div.sujet {margin-top:10px;font-weight:bold;}
div.piedMessage {margin-top:20px;font-style:italic;}

/*****************FORUM**************************/
div.afficheForum {float:left;width:80%;}
div.afficheForum ul.sujet li {border:1px solid #bbb;padding:1px;;background:#fff url(../icones/fondarticle.jpg) repeat-x scroll bottom center;}
div.afficheForum ul li {/*float: left;width: 260px;*/font-size:1.1em;border-color:#01346b;border-style:solid;border-width:1px 0 1px 10px;padding:1%;}
.theme {float:right;width:28%;border:1px solid #444444;margin-top:10px;padding:2px;}
ul.theme h2 {font-size:12px;}

ul.texte li div.contenu {font-size:1em;color:#01346b;margin:5px 0 0 0;padding:1%;font-style:italic;border-bottom:1px solid #01346b;}
ul.texte li p:first-letter {font-size:1.5em;text-transform:uppercase;font-weight:bold;/*background: #e95201;color: #fff;*/}
ul.texte li p {margin:0;padding:2px 0;}
ul.texte li ul li {background:#fff;border:0;width:90%;float:none;margin:0;padding:0 0 0 1em;}

p.tag {font-style:italic;font-size:0.8em;color:#bbb;}
#nom ul.texte li.reponse {border-color:#999;}
#nom ul.texte li.reponse span{font-size:0.8em;}
ul.texte li.reponse p{margin: 1px;}
#nom span.post {font-size:0.8em;color:#555;}
div.forum {padding:1%;}
li.reponse.pair {margin-left:1.5%;}
li.reponse.impair {margin-left:5%;}

.manex {max-height:450px;overflow:auto;}

.ligneDroite {background:#eee;}

/*dashboard*/
#dashboard {background:#fff;}
#dashboard .cadre {float:left;width:49%;background:linear-gradient(#ccc 0%,#efefef 100%);color:#fff;height:50px;line-height:50px;margin:2px;box-shadow:0 2px 1px #999;border:1px solid #fff;}
#dashboard .donnee {color:#555;float:left;width:75%;margin-left:5px;font-size:0.8em;}
#dashboard div.chimique .donnee,#dashboard div.incendie .donnee,#dashboard div.mobilier .donnee,#dashboard div.tableauBord .donnee,#dashboard div.document .donnee {color:#fff;overflow:hidden;}
#dashboard div.chimique {background:#aa4400;color:#fff;}
#dashboard div.incendie {background:#be0000;color:#fff;}
#dashboard div.mobilier {background:#3e403f;color:#fff;}
#dashboard div.tableauBord {background:#2b9ac8;color:#fff;}
#dashboard div.document {background:#042366;color:#fff;}
#dashboard div.visite {background:#bbb;color:#fff;}

#dashboard .input em {font-size:0.8em;}
#dashboard div.input {width:20%;background:#fff;text-align:right;padding-right:1px;line-height:50px;font-weight:bold;padding-right:2px;color:#555;float:right;margin:0;}
#dashboard div.input img {width:14px;height:14px;float:left;margin-top:15px;}
#nom div.input span.number {background:none;color:#222;margin:0;padding:0;border:0px;float:none;}

/*cahier de laboratoire*/
#nom span.numFiche, span.numFiche {padding:5px;}

form div.left, div.right {width:45%;padding:0.1%;}
form div.left {float:left;width:30%;}
div.right,div.floatright {float:right;}
td div.floatright {float:none;display:inline;}

fieldset fieldset {background:#fff;}
table table {border:0px;}
table caption {text-align:right;}

.fiche ul.menuplusmoins,div.fiche div.ligne ul.visibilite,div.ligne ul.visibilite,ul.visibilite {
    margin-left:20px;
}
div.ligne ul.visibilite li {
    background-image: url(../icones/plan.png);
    background-repeat: no-repeat;
    background-position: 0 0.32em;
    background-size:16px;
    padding-left:20px;
    margin-left:20px;
}
ul.menuplusmoins li.repertoire {
    background-image: url(../icones/GED/dossier.png);
    background-repeat: no-repeat;
    background-position: 0 0.32em;
    padding-left:20px;
}
ul.menuplusmoins li.organigramme {
    background-image: url(../icones/organigramme.png);
    background-repeat: no-repeat;
    background-position: 0 0.32em;
    padding-left:20px;
}
ul.menuplusmoins li.fichier {
    background-image: url(../icones/GED/document.png);
    background-repeat: no-repeat;
    background-position: 0 0.32em;
    padding-left:20px;
    font-size:10px;
}
ul.menuplusmoins li.fichier img,ul.menuplusmoins li.repertoire img{width:16px;height:16px;}

.montant {text-align:center;float:right;width:30%;padding:0px;font-size:1em;margin:1px 0;}
.montant label {float:left;width:60%;padding:0px;}
.montant span.input {float:right;font-weight:bold;text-align:right;border:0;background:0;padding:0px;}
#nom .montant span {color:#be0000;}

div.ligne ul.mail {font-weight:bold;color:#aaa;}
div.ligne ul.mail li ul li {padding-left:5px;}

/*CSS agenda*/
.alphabet {
    float:left;
    margin:1px 2px 1px 2px;
    border:1px solid #333;
    padding:1px 0.5em 1px 0;
    height:20px;line-height:20px;
    background:#eaeaea;
}
div.action a.actif,.actif {
    background:#fff;font-size:1.2em;
}
table.planning tr {height:300px;}
table.planning tr.monteur {height:100px;}
table.planning td {border:1px solid #ddd;padding:1px;}

table.planning tr.liste {height:50px;}

table.planning tr select {font-size:0.7em;padding:0;float:left;line-height:20px;}

td div.contenuPlanning {display:block;position:relative;width:100%;overflow-y:scroll}
tr td div.contenuPlanning {height:400px;}
tr.monteur td div.contenuPlanning {;height:100px;}

table.planning td ul {padding:0 0 0 0.2em;margin:0 0 0 0.5em;line-height:20px;font-size:0.8em;text-align:left;}
table.vuejour td ul {font-size:1em;}
table.vuejour tr td div.contenuPlanning {height:100%;overflow:auto;}

table.planning td ul li {list-style-type:disc;line-height:20px;}
table.planning td ul li.tournee {color:blue;border-top:1px solid #fff;}
table.planning td ul li.tournee a {color:blue;}
li.tournee img {width:12px;height:12px;}
table.planning td ul li.livraison {color:#e98201;}

div.semaine {float:none;}

#nom table.planning tr td div.contenuPlanning div.jour {padding:2px 2px;height:20px;line-height:20px;margin:0px;color:#fff;text-shadow:none;background:#555;position:absolute;top:0px;right:0px;}

ul.boitePrincipaleGC span.number {margin:0;background:linear-gradient(#fff 0%,#ddd 100%);color:#222;}

div.infos {font-size:0.8em;border:1px solid #bbb;}
div.infos div.vehicule {float:left;width:49%;background:#bbb;}
div.vehicule div.ligne {background:none;}

div.infos div.collaborateur {float:right;width:49%;background:#bbb;}

td.reponse {font-weight:bold;}

#nom table.planning span.jour{font-size:2em;display:block;}

li.montage,td.montage {background:#e2efda;color:#111;}
li.demontage,td.demontage {background:#ffe699;color:#111;}
li.enlevement,td.enlevement {background:#ddebf7;color:#111;}

table.planning tr.commande {height:auto;}

div.action a.comment {background:blue;color:#fff;}
div.action a.retour {background:limegreen;color:#fff;}