@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500');
*{
    font-family: 'Roboto', sans-serif;
}

div.statutAttente{background-color: #ffb347; border-radius: 0.8em; padding:  1% 2% 1% 2%; font-style: normal; color: #FFF; text-align: center;}
div.statutAnnule{background-color: #dc3545; border-radius: 0.8em; padding:  1% 2% 1% 2%; font-style: normal; color: #FFF; text-align: center;}
div.statutValide{background-color: #77dd77; border-radius: 0.8em; padding:  1% 2% 1% 2%; font-style: normal; color: #FFF; text-align: center;}
div.statutValide a.tooltip {color: darkblue;}
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 a,.ui-widget-content table a {text-decoration:none;color:#1170b7;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:16px;width:16px;}
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;}
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:#404041;line-height:28px;}
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 {border:1px solid #aaa;}
div.authentification .ligne {background:none;}
div.authentification form div.ligne label {float:left;}

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:#fff3cd url('../icones/notification.png') no-repeat scroll 5px 6px; border-color: #ffeeba; color:#856404;border-radius: .25rem;}
div.notification span {color:#856404;}

div.message, div.messageErreur {background:#cfe2ff url('../icones/help.png') no-repeat scroll 5px 6px; border-color: #b6d4fe; color: #084298;background-size:16px;border-radius: .25rem;}

/*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:0.5em;background:#bbb;border-radius:0.4em;}

form div.ligne label,div.ligne label,div.labelBis {color:#222;font-style:italic;float:left;width:33%;padding:1px;margin-top:0px;line-height:30px;}
form div.ligne label,form div.label,form label,div.label {float:none;width:100%;font-style:italic;color:#222;padding:0.1em;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;}

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;border-radius: 1.8em;background-color: #C0974B;border: 1px solid #000; padding-left: 0.5em; padding-right: 0.5em;}
.formulaire form div.submit input[type="submit"] {padding:0.5em;}
.formulaire form input[type="submit"], form input[type="submit"], .formulaire form input[type="button"], form input[type="button"], .formulaire form input[type="reset"], form input[type="reset"] {box-shadow:none;height:32px;border:1px solid #404041;background:#c0974b;font-weight:bold;color:#404041;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;}

.formulaire form input, form input, input,.formulaire formselect, form select, select {background:#f6f6f6;color:#404041;height:30px;border:1px solid #999;margin:0;padding:0.1em;font-size:1em;border-radius:0.2em;}

form textarea{padding:1px;margin:0px 2px 0px 2px;background:#c0974b;border:1px solid #bbb;box-shadow:1px 1px 0px #999;font-size:1em;}

form input:focus,form input:hover, input:hover, input:focus {border:1px solid;border-color:#c0974b;background:#eee;}
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 {border-top:1px solid #c0974b;margin-top:1px;padding:2px 1px;line-height:32px;min-height:32px;clear:both;color:#fff;}
.ligne img.aide,li.aide {cursor:help;}
li.aide {margin-bottom:-3px;}
.ligneMultiselect img,.ligne img {width:30px;}
.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% 1% 1% 0;margin:0;}
#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:#f8d7da url('../icones/warning.png') no-repeat scroll 0px 8px;background-size:16px;font-size:1em;color:#842029;padding:2px 2px 2px 20px;margin:1px;height:28px;line-height:28px;clear:both;border:1px solid #f5c2c7;border-radius: .25rem;}
    
#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;margin-top: 5%;}
	
/***********************************************************
************** 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;}
/*fin fenetre identification*/

div#menu {float:left;width:15%;margin:0;line-height:40px;}
div#menu a {float:none;font-size:1em;color: #fff;font-family: 'Roboto', sans-serif;}
div#menu a:hover {float:none;font-size:1em;color: #000;font-family: 'Roboto', sans-serif;text-decoration: underline;}

div#menu ul.boitePrincipaleGC {margin:0;padding:0.1em;color:#555;}
ul.boitePrincipaleGC li {
    border:none;
    background:#dedede;
    padding:0.3em;
    margin:0;
    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:0;font-size:1em;text-align:right;width:100%;}
ul.boitePrincipaleGC ul li.ongletActif {background:#fff;}
#menu ul.boitePrincipaleGC ul li a {text-align:right;padding-right:5%;margin-right:5px;}
#menu ul.boitePrincipaleGC ul li:hover {text-align:right;display:block;background:#fff;}

ul.boitePrincipaleGC li.ongletActif ul li {background:#fff;font-weight:bold;}
ul.boitePrincipaleGC li.repertoire:hover{background-color: #fff;color: #000;text-decoration: underline;}

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

ul.boitePrincipaleGC li.repertoire {background:#404041;border-top:1px solid #c0974b;color:#fff;text-align:center;}
ul.boitePrincipaleGC li.repertoire.ongletActif{background-color: #c0974b; color: #fff;}
ul.boitePrincipaleGC li.repertoire.ongletActif .repertoire {color: #fff; background-color: #c0974b;}
li.fichier {background:#999;}

li.repertoire ul li {background:none;}

div#centre {min-height:500px;}
#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#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:#c0974b;font-size:1em;color:#efefef;padding:0.5em;border:1px solid #666;border-bottom:0;border-top-left-radius:0.4em;border-top-right-radius:0.4em;margin:0;margin-left:4px;margin-top:0.5em;}
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;}

.code {
	background: #444;
	color:#eee;
	font-family: courier,sans serif;
	}
        
        
.labelPassager {float:left;font-style:italic;color:#000;width:15%;padding:1px;margin-top:0px;line-height:30px; padding-right: 1%;}

div#accordion div.ligne div.input {background-color: #agaga1; color: #000;}

div.containerFlex{display:flex; flex-direction:row; width:70%;height:3%; margin:auto;}
div.lineFlex{display:flex; flex-direction:row; width:18%;height:100%;margin:auto;}
div.lineFlex hr{display: block;margin:auto;width:100%;height: 25%;
outline:none;}
div.lineFlex hr.empty{color:#000;border-width: 2px; border-style:solid;opacity:30%;}
div.lineFlex hr.fill{color:#c0974b;border-width: 4px; border-style:solid;opacity:100%;}

div.containerFlex img.imgArianne{width:6%;height:100%;opacity:30%;}
div.containerFlex img.arianneActive{opacity: 100%;}
.formulaire fiedlset, .formTrajet{background-color:#BBB;width:75%;margin:auto;}

div.ligne div.label{float:left;width:33%}

#formTrajet .formtrajet, div.ligne img.aide.help {width:17px;height:17px;}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color:#404041 !important}


div.ligne div#minuscule img.testImg{ width: 12px; height: 12px;  }
div.ligne div#majuscule img.testImg{ width: 12px; height: 12px;  }
div.ligne div#chiffre img.testImg{ width: 12px; height: 12px;  }
div.ligne div#specialChar img.testImg{ width: 12px; height: 12px;  }
div.ligne div#length img.testImg{ width: 12px; height: 12px;  }

ul.boitePrincipaleGC li.repertoire a.tooltip:hover{color:#000;text-decoration: none;}

div.label a.tooltip img{ width: 4%; height: 4%;}

div.modaliteReglement{width: 100% ;display: flex; flex-direction: row; justify-content: space-between; margin: 0 auto; }
div.infosPaiement { width: 70%; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; padding-right: 2%;}
div.infosPaiement fieldset { height: 100%; width: 100%; display: flex; align-items: center;}