html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
body {padding:0px;margin:auto;font-size:14px;color:#333;font-family:helvetica,verdana, 'sans-serif';opacity:1;background:#fff;}
        
a, .ui-widget-content table a {text-decoration:none;color:#3ec8ef;padding:0;margin:0;-webkit-transition-property:color;-moz-transition-property:color; }
a:hover {text-decoration:underline;}
a.aide {cursor:help;}
a.title {background:#444;padding:1%;}

p, dt , ul, ol{font-size:1em;color:#525454;text-align:left;}

li {list-style-type:none;padding:1px;}

img {border:0px;}

/*tableau*/
table {width:100%;color:#333;font-size:0.9em;padding:0;margin:0;border-spacing:1px;border-collapse:separate;}
table img,div.resultat table ul li img {height:14px;width:14px;}
table th img {height:16px;width:16px;}
th {background-color:#aa4400;color:#fff;line-height:20px;}
tr {min-height:28px;line-height:28px;padding:0;margin:0;background:#eee;}
tr:hover {background:#fff;color:#555;transition-property:background-color;transition-duration:1s;}
td {border:0px;border-top:1px solid #ddd;box-sizing:content-box;padding:4px;margin:0;}
td a {padding:0;}
table tr.liste th.intervention {color:#777;background:#ddd;border:1px solid #444;}
tr.InventaireVide,tr.supprimer {color:#ddd;text-decoration:line-through;}
td.prioriteAction {text-align:center;}
td.credit {color: #ff9900;text-align:center;font-size:1em;}
th cite,td cite,span.input cite {color:#aaa;}
tr.InventaireVide td cite {color:#ddd;}
tr.Defaut,td.Defaut {background:#be0000;color:#fff;}
td.Archive,span.Archive {background:#ddd;}
#nom table td.Defaut span {color:#fff;}
tr.Controle, tr.Vie,td.Controle,td.Vie {background:darkorange;}
table tr.liste {line-height:32px;min-height:32px;}
table tr.liste th {color:#fff;background:#2e2e2e;line-height:28px;}
table table {line-height:28px;font-size:0.8em;}
th form select {line-height:20px;height:20px;padding:0;box-shadow:none;}
table.inventaire {width:100%;border:5px groove #e98201;}
td.vide{border: none;}
td.centre {text-align:center;}

table.dataTable.display tbody tr.today,table.dataTable.stripe tbody tr.today,table.dataTable tbody tr.today,table tbody tr.today {background-color:#fdf5ce;}

table.plantype {border-spacing:2px;border:5px groove #555;box-shadow:0px 0px 5px #999;}
table.plantype td {border:1px solid #545454;height:50px;line-height:50px;}
table.plantype td.colonne {padding:0;}

div.face {background:#fff;padding:0.5%;}
/*fin tableau*/
	
h1 {font-size:1.5em;text-align:center;color:#545454;height:20px;line-height:20px;}
h1.solution {font-size:3em;color:#e98201;text-shadow: 2px 2px 2px #444;}
h2 {font-size:1.2em;text-align:left;color:#00346a;}
h3 {font-size:1em;color:#e98201;}
h4{font-style:italic;color:#00346a;text-align:right;font-size:0.8em;}

div#authentification {min-height:500px;}
div.authentification fieldset {
    background:#fff;border:1px solid #aaa;
}
div.authentification .ligne {background:none;}
div.authentification .ligne label {color:#555;}

div.message, div.messageErreur, div.notification, div.ok {
    color:#525454;
    font-size:1em;
    border:1px solid #eee; 
    padding:5px 5px 5px 25px;
    margin:0px;
    min-height:24px;
    line-height:24px;
}
div.ok {background:#fff;border:0px;}
div.notification {background:#fdf5ce url('../icones/notification.png') no-repeat scroll 5px 6px;}
div.notification span {color:blue;}
div.message, div.messageErreur {background:#7acbed url('../icones/help.png') no-repeat scroll 5px 6px;background-size:16px;}

/*div.aide {background:#fdf5ce url('../icones/help.png') no-repeat scroll 5px 6px;background-size:16px;}
div.aide {float:right;width:40%;padding-left:24px;}*/
div.message p {
    margin:5px;
    color:#555;
}
div.message ul li {
    font-size:1em;
    color:#555;
    list-style-type:circle;
    padding-bottom:5px;
}
div.messageErreur {background: #777 url('../icones/warning.png') no-repeat scroll 5px 6px;background-size:16px;border:1px solid #be0000;min-height:24px;line-height:24px;}
#nom div.messageErreur p,#nom div.messageErreur p span {color:#eee;font-size:1em;margin:0;}

div.messageErreur a {padding:0;}
div.messageErreur img {width:16px;}

legend div.message {
    height:16px;
    min-height:16px;
    line-height:16px;
    border-color: #bbb;
    background: #777 url('../icones/help.png') no-repeat scroll 5px 3px;
    color: #ccc;
}
legend {
    background: #eee url('../images/menu_secondaire_focus.png') no-repeat scroll 0 2px;
    color: #525454;
    font-size: 1em;
    border: 1px solid #999;
    border-radius: 2px; 
    padding:5px 20% 5px 25px;
    margin: 2px 0 0px 0;
    min-height:14px;
    line-height:14px;
    height:14px;
    box-shadow:0px 2px 5px #777;
    text-shadow:0px 2px 2px #777;
}
div.erreur {background:#999 url('../icones/warning.png') no-repeat scroll 2px 50%;background-size:24px;border:1px solid #be0000;padding:5px 5px 5px 35px;margin:2px;}
div.erreur h1,div.erreurDroit h1 {text-align:left;font-size:1.4em;color:#fff;}
	
div.erreurDroit {margin-top:30px;background:#999 url('../icones/warning.png') no-repeat scroll 5px 14px;border:1px solid #555;padding:5px 5px 5px 35px;}

.clearer {clear:both;height:0px;font-size:0px;}

/*formulaire*/
.formulaire fieldset,fieldset {padding:1em;margin-top:0px;background:#666;border:2px solid #fff;}

form div.ligne label,div.ligne label,div.label {font-style:italic;color:#fff;float:left;width:25%;padding:1px;margin-top:0px;line-height:30px;}
div.ligne label.radio {width:50px;float:none;}

form h1 {color:#aa4400;text-align:left;font-size:1em;}

#nom span.input,span.input {font-size:1em;padding:2px;margin-right:1px;color:#fff;background:#222;}
.fiche span.input img {width:20px;height:20px;}

#nom span.input.OK {background:limegreen;}
#nom span.input.Attente {background:gold;}

.ficheProduitDonnees input {padding:0;}
.ficheProduitDonnees .submit {margin-left:20px;}

.formulaire {padding:0px;margin:0px;}
.formulaire form input, form input, input {background:#f6f6f6;color:#555;height:28px;border:1px solid #ccc;margin:0;padding:0.1em;font-size:1em;}

input[type="checkbox"],input[type="radio"]{margin:0;padding:0;vertical-align:bottom;margin-right:2px;}

div.submit {height:28px;padding:0.5em;margin:2px;}
div.submit input {cursor:pointer;}
.formulaire form div.submit input[type="submit"] {padding:0.5em;}
.formulaire form input[type="submit"], form input[type="submit"] {box-shadow:none;height:32px;padding:0.1em;border:1px solid #bbb;background:#eaeaea;font-weight:bold;color:#1c94c4;font-size:1em;cursor:pointer;}

.login form input[type="submit"] {margin:0;padding:5px;box-shadow:none;height:auto;}
.login form input {box-shadow:none;}

input[type="submit"]:focus, input[type="submit"]:hover,form input[type="submit"]:focus, form input[type="submit"]:hover,
.formulaire form input[type="submit"]:focus, .formulaire form input[type="submit"]:hover,

form input[type="radio"], .formulaire form input[type="radio"] {border:0px;cursor:pointer;}
form input[type="image"] {border:0px;background:transparent;height:16px;margin:0;}

form textarea{padding:1px;margin:0px 2px 0px 2px;background:#f6f6f6;border:1px solid #bbb;box-shadow:1px 1px 0px #999;font-size:1em;}
.formulaire formselect, form select, select {background:#f6f6f6;color:#555;border:1px solid #ccc;margin:0;padding:0.4em;height:auto;font-size:1em;font-family:verdana;}

form input:focus,form input:hover, input:hover, input:focus {border:1px solid;border-color:#d6d4d4;background:#fdf5ce;}
form textarea:focus,form textarea:hover {border:1px solid;border-color:#d6d4d4;background:#fdf5ce;}
form select:focus,form select:hover, select:focus, select:hover {border:1px solid;border-color:#d6d4d4;background:#fdf5ce;}

.ligne,.ligneMultiselect {background:#666 none repeat scroll 0 0;border-top:1px solid #ddd;margin-top:1px;padding:2px 1px;line-height:32px;min-height:32px;clear:both;}
.ligne img.aide,li.aide {cursor:help;}
li.aide {margin-bottom:-3px;}
.ligneMultiselect img,.ligne img {width:16px;}
.ligne img.label {height:24px;width:20px;vertical-align:-5px;padding-right:5px;margin-bottom:-3px;}
/*fin formulaire*/

/*tagcloud*/
#pg1 {
    text-decoration:none;
    font-size:10px;
    color:#666666;
    font-family:Arial, Helvetica, 'sans-serif';
}
#tagcloud {
    background-color: #fdf9e1;
    padding: 2px;
    text-align: center;
    margin: 0px;
    margin-top:2px;
    font-family: "Trebuchet ms", Helvetica, "sans-serif";
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
}
#tagcloud a {
    text-decoration:none;
    padding-left: 0.2em;
}
#tagcloud a:hover {
    text-decoration:none;
    background-color:#b3b3b3;
    color:#ffffff;
    padding-left: 0.2em;
}
.pg1-1 {
    color:#AA3406;
    font-size: 1em;
    vertical-align: 3px;
}
.pg1-2 {
    font-size: 1.2em;
    color:#070089;
    vertical-align: -1px;
    font-weight: normal;
}
.pg1-3 {
    font-size: 1.4em;
    color:#bf12ab;
    vertical-align: -3px;
}
.pg1-4 {
    font-size: 1.6em;
    color:#333333;
    vertical-align: 1px;
}
.pg1-5 {
    font-size: 1.2em;
    color:#aabbcc;
    vertical-align: -1px;
}
.pg1-6 {
    font-size: 0.8em;
    color: #aa55cc;
    }
.pg1-7 {
    font-size: 1em;
    color: #555;
    vertical-align: -4px;
    }
.pg1-8 {
    font-size: 1.5em;
    color: #26c8ee;
    }
.pg1-9 {
    font-size: 1.2em;
    color: #e00888;
    vertical-align: 4px;
    }
/*fin tagcloud*/
	
#container, #containerSimple {margin:auto;min-height:600px;width:100%;background:#fff;}

/*container pour le squelette detail*/
#containerDetail {margin:auto;min-height:500px;width:980px;}

.actus h2.donnee {
    font-size:10px;
    }

.login label {
    font-style:italic;
    color:#e98201;
    padding:1px;
    float:none;
    }
#haut {
    background: url("../images/banniere.png") no-repeat scroll top center;
    height:90px;
    margin-top:10px;
    }
#haut .login {
    height:30px;
    line-height:30px;
}
#haut .login form {
    color:#fff;
    padding:2px;
    }
#haut h1 {
    height:20px;
    line-height:20px;
    color:#aa4400;
    padding-left:845px;
    padding-top:20px;
    font-size:1.1em;
    text-align:left;
    margin:0;
}

.content .login form {
    color:#fff;
    padding:0px;
    }
.login input {
    height:24px;
    }
#top {height:40px;}
#top80 {height:50px;}

#date {
    text-align:center;
    color:#00346a;
    font-size:0.8em;
    z-index:999;
    /* CSS3 standard */
    opacity:1;
    }
#colonne .actus hr {
    border:0px;
    border-top:1px solid #ddd;
    }
#Admin {
    float:right;
    }
#principal {clear:both;padding:1%;margin:0;}
#pageDetail {width:950px;margin:auto;padding:0;}
#centre {margin-top:5px;padding:1px;}

#nom {overflow:visible;text-decoration:none;}

#pied{clear:both;font-size:1em;text-align:center;color:#fff;height:30px;line-height:30px;background:#272727;border-top:1px solid #fff;border-bottom:2px solid #aaa;box-shadow:0px -1px 1px #999;}
	
/***********************************************************
************** Colonne Droite **********************************
***********************************************************/
#colonne,.detail {margin:0;margin-top:2px;min-height:200px;float:right;width:18%;padding:5px;font-size:1em;}
/*colonne de droite pour les plans*/
.detail {width:140px;border:1px solid #ddd;min-height:500px;padding:2px;background:#fff;box-shadow:-2px -2px 2px #666;}
.detail h2 {color:#525454;}
.detail form.button input {height:16px;box-shadow:none;}
.detail form.button input[type='submit']{height:18px;padding:0;}

.actus h1 {text-shadow:1px 1px 1px #ccc;height:50px;line-height:50px;margin:0;font-size:1em;}
#colonne .actus h3 {font-size:0.9em;margin:0;float:right;}
#colonne h4 {font-size:0.8em;margin:0;}
.actus {background:#fff;text-align:justify;margin-bottom:2px;margin-top:5px;}
.actus h2{background:#444;border-radius:0.5em;border:1px solid #eee;color:#fff;font-size:1.2em;text-align:center;margin:3px 0;padding:0;margin-left:0px;height:30px;line-height:30px;}
#colonne .actus {}
.actus p span {font-size:0.8em;font-style:italic;color:#e98201;}

.attente, .attente h2, .attente ul li a,#nom ul li.attente a {color:#ccc;font-style:italic;}
#nom div.attente,#nom div.actionFiche .attente, div.actionFiche .attente{opacity:0.5;}

/*fenetre d'identification*/
#toppanel {position:fixed;top:0;width:100%;z-index:999;text-align:center;margin-left:auto;margin-right:auto;box-shadow:0px 1px 1px #555;}
#panel {width:100%;/*height: 250px;*/color:#999999;background:#272727;overflow:auto;position:relative;z-index:3;display:none;border-bottom:1px solid #555;max-height:500px;}
#panel h1 {font-size:1.5em;padding:10px 0px;margin:0;color:white;}
#panel h2{font-size:1.2em;padding:10px 0 5px;margin:0;color:white;}
#panel p {margin:5px 0;padding:0;}
#panel a,#panel span {text-decoration:none;color:#15ADFF;line-height:18px;}
#panel a:hover {/*color: white;*/}
#panel a-lost-pwd {display:block;float:left;}
#panel .content {width:960px;margin:0 auto;padding-top:10px;text-align:left;font-size:0.85em;}
#panel .content .left {width:300px;float:left;padding:0 5px 0 5px;border-left:1px solid #333;min-height:250px;}
#panel .content .right {border-right:1px solid #333;}
#panel .content form {margin:0 0 10px 0;}
#panel .content label {float:left;padding-top:8px;clear:both;width:280px;display:block;}

#panel .content input.field {border:1px #1A1A1A solid;background:#414141;margin-right:5px;margin-top:4px;width:200px;color:#fff;height:16px;}

#panel .content input:focus.field {background:#545454;}

.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}

.tab {height:40px;position:relative;top:0;z-index:999;}
.tab ul.login {background:#555;border-bottom:1px solid #bbb;display:block;position:relative;clear:right;height:40px;font-weight:bold;line-height:40px;margin:0;right:0px;color:white;font-size:80%;text-align:center;
    box-shadow: 
                inset 0px 1px 1px 0px rgba(250, 250, 250, .2), /* 3rd Shadow */   
                inset 0px -8px 25px 0px rgba(0, 0, 0, .5); /* 4th Shadow */  
}
.tab ul.login li.left,.tab ul.login li.right {height:40px;width:1px;padding:0;margin:0;display:block;float:left;}
.tab ul.login li {text-align:left;padding:0 6px;display:block;float:left;height:40px;font-size:10px;}
.tab ul.login li span {font-size:14px;color:#e98201;}
.tab ul.login li a {color:#15ADFF;}
.tab ul.login li a:hover {color:white;}
.tab .sep {color:#414141}

.tab a.open {font-size:12px;}
.tab ul.login li a.open {color:#e98201;}
.tab a.open, .tab a.close, li a.quitter, li a.manuel {
    padding:7px 8px 5px 8px;
    text-shadow: 0px 1px 1px rgba(250,250,250,0.1);
    text-decoration: none;
    background-color: rgb(83,87,93);
    box-shadow: 0px 3px 0px 0px rgb(34,34,34), /* 1st Shadow */  
                0px 3px 5px 0px rgb(17,17,17), /* 1nd Shadow */  
                inset 0px 1px 1px 0px rgba(250, 250, 250, .2), /* 3rd Shadow */   
                inset 0px -8px 25px 0px rgba(0, 0, 0, .5); /* 4th Shadow */  
    height: 24px;
    border: 0;  
    border-radius: 15px;  
    text-align: center;  
    line-height: 24px;
}
li a.notification span.nombre,li a.incident {padding:3px 5px;background-color: rgb(83,87,93);color:#fff;border-radius:10px;
         box-shadow: 0px 3px 0px 0px rgb(34,34,34), /* 1st Shadow */  
                0px 3px 5px 0px rgb(17,17,17), /* 1nd Shadow */  
                inset 0px 1px 1px 0px rgba(250, 250, 250, .2), /* 3rd Shadow */   
                inset 0px -8px 25px 0px rgba(0, 0, 0, .5); /* 4th Shadow */  
          height:24px;line-height:24px; }
li a.alerte span.nombre {padding:3px 5px;background-color: rgb(83,87,93);color:#fff;border-radius:10px;
        box-shadow: 0px 3px 0px 0px rgb(34,34,34), /* 1st Shadow */  
                0px 3px 5px 0px rgb(17,17,17), /* 1nd Shadow */  
                inset 0px 1px 1px 0px rgba(250, 250, 250, .2), /* 3rd Shadow */   
                inset 0px -8px 25px 0px rgba(0, 0, 0, .5); /* 4th Shadow */  
        line-height:24px;margin-left:-10px;}
li a.todo span.nombre {padding:3px 5px;background-color: rgb(83,87,93);color:#fff;border-radius:10px;
        box-shadow: 0px 3px 0px 0px rgb(34,34,34), /* 1st Shadow */  
                0px 3px 5px 0px rgb(17,17,17), /* 1nd Shadow */  
                inset 0px 1px 1px 0px rgba(250, 250, 250, .2), /* 3rd Shadow */   
                inset 0px -8px 25px 0px rgba(0, 0, 0, .5); /* 4th Shadow */  
        height:24px;line-height:24px;margin-left:-10px;}

li a.incident {padding:5px 8px;height:24px;line-height:24px;margin-left:-5px;}

.tab a.open:before {
    content: "";  
    width: 40px;
    height: 40px;  
    display: block;  
    z-index: -2;  
    position: absolute;  
    background-color: rgb(26,27,29);  
    left: -2px;  
    top: -1px;  
    border-radius: 20px;  
    box-shadow: 0px 1px 0px 0px rgba(250,250,250,0.1),   
                inset 0px 1px 2px rgba(0, 0, 0, 0.5);  
}
.tab a.open:hover,li a.quitter:hover,li a.manuel:hover,li a.incident:hover {  
    box-shadow: 0px 0px 0px 0px rgb(34,34,34), /* 1st Shadow */  
                0px 3px 7px 0px rgb(17,17,17), /* 2nd Shadow */  
                inset 0px 1px 1px 0px rgba(250, 250, 250, .2), /* 3rd Shadow */   
                inset 0px -10px 35px 5px rgba(0, 0, 0, .5); /* 4th Shadow */  
    background-color: rgb(83,87,93);  
    top: 3px;  
}
.tab a.open:target {  
    box-shadow: 0px 0px 0px 0px rgb(34,34,34),  
                0px 3px 7px 0px rgb(17,17,17),   
                inset 0px 1px 1px 0px rgba(250, 250, 250, .2),   
                inset 0px -10px 35px 5px rgba(0, 0, 0, .5);  
    background-color: rgb(83,87,93);  
    top: 3px;  
    color: #fff;  
    text-shadow: 0px 0px 3px rgb(250,250,250);  
}
.tab a.open:active:before, a.open:target:before {  
    top: -5px;  
    background-color: rgb(26,27,29);  
    box-shadow: 0px 1px 0px 0px rgba(250,250,250,0.1),   
            inset 0px 1px 2px rgba(0, 0, 0, 0.5);  
}
.tab ul.login li a.open {  
    transition: color 350ms, text-shadow 350ms;  
    -o-transition: color 350ms, text-shadow 350ms;  
    -moz-transition: color 350ms, text-shadow 350ms;  
    -webkit-transition: color 350ms, text-shadow 350ms;  
}  

.tab a.close {background: url(../icones/cancel.png) no-repeat scroll 5px;padding-left:25px;}
.tab a:hover.close {background: url(../icones/cancel.png) no-repeat scroll 5px;}
li#toggle {float:right;}

#panel fieldset {background:none;}
#panel .ligne {background:none;border:0;color:#999;}

div#menu {float:left;width:15%;margin:0;line-height:40px;}
div#menu a {float:none;font-size:1em;}
div#menu ul.boitePrincipaleGC {margin:0;padding:0.1em;color:#555;}
ul.boitePrincipaleGC li {
    background:#dedede;
    padding:0.1em;
    font-size:1em;
    text-align:left;display:block;color:#555;
}
ul.boitePrincipaleGC img {width:95%;}
ul.boitePrincipaleGC li img {height:16px;width:16px;}
ul.boitePrincipaleGC li a {display:block;text-align:left;}
ul.boitePrincipaleGC ul {margin:0;padding:0 0 0 0;}
ul.boitePrincipaleGC ul li {margin:0;padding:0;border-bottom:1px dashed #eee;background:#efefef;border:0;font-size:1em;text-align:right;width:100%;font-weight:bold;}
ul.boitePrincipaleGC ul li.ongletActif {background:#fff;}
#menu ul.boitePrincipaleGC ul li {margin-left:0.2em;font-size:0.8em;}
#menu ul.boitePrincipaleGC ul li a {text-align:right;padding-right:5%;margin-right:5px;}

ul.boitePrincipaleGC li.ongletActif ul li {background:#fff;font-weight:bold;}

div#contenu {float:right;width:83%;}

ul.boitePrincipaleGC li.repertoire {background:#2e2e2e;color:#fff;border-radius:0.4em;margin:0.2em 0;}
li.fichier {background:#999;}

li.repertoire ul li {background:none;}

div#centre {min-height:500px;}
div#contenu {float:right;width:83%;}

div.titreSecondaire {background:#dedede;border:1px solid #bbb;border-bottom:0px;float:left;font-size:1em;color:#555;padding:0.5em;margin-left:4px;margin-top:1em;}
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;}

#nom div.compteur,div.compteur {background:linear-gradient(#585858 0%,#111 100%);border:1px solid #111;color:#fff;width:auto;padding:0.4em;float:left;margin-top:1em;margin-left:4px;font-size:0.9em;box-shadow: 
        0px -1px 0px 0px #ddd, /* 1nd Shadow */  
        inset 0px 1px 1px 0px rgba(250, 250, 250, .2), /* 3rd Shadow */   
        inset 0px 1px 1px 0px #999;}
div.image div.compteur {margin-top:1.1em;}
.fiche div.compteur {margin-left:3px;}
#nom table td div.compteur {margin:0;padding:0.1em;}
div.titreSecondaire a {padding:0;}
div.titrePrincipal img,div.titreSecondaire img {height:14px;}
div.titrePrincipal a {color:#efefef;padding:0;}
div.titrePrincipal{float:left;background:linear-gradient(#585858 0%,#111 100%);font-size:1em;color:#efefef;padding:0.8em;border:1px solid #111;border-bottom:0;margin-left:4px;margin-top:1em;
    box-shadow: 
        0px -1px 0px 0px #ddd, /* 1nd Shadow */  
        inset 0px 1px 1px 0px rgba(250, 250, 250, .2), /* 3rd Shadow */   
        inset 0px 1px 1px 0px #999; /* 4th Shadow */  }
div.titrePrincipal form {font-size:12px;}
div.titrePrincipal form select,div.titrePrincipal form input {padding:1px;margin:0;}

div.resultat {background:#fff;padding:1%;border:1px solid #ccc;margin:0px 0 5px 0;}