span.alerte { color: red; }
span.alerte2 { color: darkorange; }

#SkelMenu { float:left; width:100%; background: #fff url('../images/SkelBg.gif') repeat-x bottom; line-height:normal; }
#SkelMenu ul { padding:10px 10px 0 0; list-style:none; }
#SkelMenu li { float:left; background:url('../images/SkelLeftF.gif') no-repeat left top; padding:0 0 0 9px; }
#SkelMenu li.blue { background:url('../images/SkelLeftFblue.gif') no-repeat left top; }
#SkelMenu a { float:left; display:block; background:url('../images/SkelRightF.gif') no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#765; }
#SkelMenu li.blue a { background:url('../images/SkelRightFblue.gif') no-repeat right top; }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#SkelMenu a {float:none;}
/* End IE5-Mac hack */
#SkelMenu li a:hover { color:#333; background-position: right -60px; }
#SkelMenu li:hover { background-position: 0 -60px; }
#SkelMenu #current { background-image:url('../images/SkelLeftOn.gif'); }
#SkelMenu #current a { background-image:url('../images/SkelRightOn.gif'); color:#5e9bb7; padding-bottom:5px; }
#SkelMenu #current a:hover { color:#776655; background-position: right top; }
#SkelMenu li#current:hover { background-position: top left; }
#SkelContenu { border: 1px solid #776655; padding: 2px; }
#SkelContenuNt { border-top: 4px solid #fff; }
#SkelContenu h3, #SkelContenuNt h3 { font-size: 130%; font-weight: bold; color: #776655; background: #eaeae5; }

.lic_section { padding: 0px; border: 1px solid #bbb; margin: 0 0 0.5em; background-color: #f9f9f9; }
.lic_section h3 { background-color: #e2e1d5; padding: 2px; }
.lic_section dl { margin: 0.5em 0; }
.lic_section dl dt { width: 110px; float: left; padding-right: 5px; clear: left; font-weight: bolder; }
.lic_section dl dd { color: #333; width: auto; float: left; }
.lic_section dt, .lic_section dt { padding-bottom: 1em; }
.lic_section.extend { float: left;  padding: 2px; margin: 0 5px 5px 0; }
.lic_section.extend dl dt { text-align: right; }
.lic_section ul { list-style: none; color: #ff4000; }
.lic_section dl dt.max { width: 100%; border-top: 1px solid #bbbbbb; margin: 0; padding: 0; }

.admin_section { padding: 5px 10px; border: 1px solid #bbb; margin: 0 0 0.5em; }
.admin_section.even { background-color: #f9f9f9; }
.admin_section dl { margin: 0.5em 1em 2em; }
.admin_section dl dt { width: 160px; float: left; padding-right: 5px; clear: left; font-weight: bolder; }
.admin_section dl dd { color: #333; width: auto; float: left; }
.admin_section.extend { margin: 0 0.5em 0.5em 0; float: left; padding: 5px; }
.admin_section.extend dl dt { text-align: right; }
.admin_section a { color:#505050; text-decoration: underline; font-weight: bold; }

.admin_section ul.options { margin: 0.5em 0 0 0; }
.admin_section ul.options li.titre { list-style: none; margin: 0 0 0 0.5em; color: #5e9bb7; font-weight: bold; border-bottom: 1px solid #5e9bb7; }
.admin_section ul.options li { list-style: square; margin: 0 0 0 2em; }

div.even { border-width: 1px 0; border-style: dotted; background-color: #fafafa; }
div.odd { border-width: 1px 0; border-style: dotted; }

dl.recap { color: #555; }
dl.recap dt { width: 245px; float:left; font-weight: bold; font-size: 1.1em; }
dl.recap dd { width: 245px; float:right; border: 1px solid #bbb; background-color: #f9f9f9; padding: 0.5em; }

/* formulaires */
fieldset {
	border: 2px solid #817865;
	padding: 0.5em 1em;
	margin: 0.5em 0 1em 0;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
legend {
  font-size: 120%; font-weight:bold; background: #817865 url('../images/bkfieldset.png') center center repeat-x;
  padding: 3px 6px; color: #fff; text-align: left;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  cursor: pointer;
}

legend a { color:#eaeae5; text-decoration: underline; }
fieldset.actual { border-color: #68A7B4; }
fieldset.actual legend { background-color: #68A7B4; }
fieldset.older { border-color: #bbb; }
fieldset.older legend { background-color: #bbb; background-image: none; }
fieldset a { color: navy; }
fieldset.annullee { border-color: #591902; }
fieldset.annullee legend { background-color: #591902; }
fieldset.annullee a { color: #000; }

fieldset.drxsup { border-color: #a44f3f; }
fieldset.drxsup legend { background-color: #a44f3f; }

fieldset.important { border-color: #FF6600; background-color: #FFD900; }
fieldset.important legend { background-color: #FF6600; background-image: none; }

fieldset.vert { border-color: #109406; background-color: #9ae494; }
fieldset.vert legend { background-color: #109406; background-image: none; }

form.editable,  form.edith { }
form.editable div, form.edith div { margin:0; clear:both; }
form.editable div.extend, form.edith div.extend { clear:none; }
form.editable label { display:block; font-weight: bold; text-align: right; width:120px; float:left; padding: 0 1em 0 0; border-top: 1px dotted #ddd; }
form.editable label .small{ color:#999; display:block; font-size:11px; font-weight:normal; font-style: italic; }
form.editable .field, form.edith .field { padding: 1px 0; font-weight:bolder; border: 1px fixed #ddd; }
form.editable .ar { text-align: right; }
form.editable .ac { text-align: center; }
form.editable .al { text-align: left; }
form.editable .present { display:block; margin: 2px 0 2px 130px; border-top: 1px dotted #ddd; min-width: 260px; }
form.editable h4, form.edith h4 { padding: 0; margin: 0; color: #5e9bb7; font-size: 120%; border-bottom: 1px dotted #5e9bb7; }
form.editable fieldset.floatleft { min-width: 100px; float: left; margin: 0.5em 0.5em 1em; }
form.editable .decalage { margin: 0 0 0.5em 2em; }

form.editable div.champs { font-size:13px; display:block; font-weight: bold; text-align: right; width:160px; float:left; padding: 0 1em 0 0; }
form.editable div.champs .small{ color:#999; display:block; font-size:11px; font-weight:normal; font-style: italic; }

form.editable tbody td.green { background-color: #99cc66; }
form.editable tbody th.med, form.editable tbody td.med { background-color: #ffffcc; }
form.editable tbody th.mer, form.editable tbody td.mer { background-color: #fbec88; }
form.editable tbody th.mef, form.editable tbody td.mef { background-color: #fad42e; }
form.editable tbody th.mefe, form.editable tbody td.mefe { background-color: #ced225; }
form.editable .mat { text-align: right; font-weight: bold; vertical-align:top; margin-right:90px; }


hr.hr {
	margin: 1em 0;
	height: 1px;
  border:none;
  background: #cccccc;
  width:100%;
  background:-webkit-gradient( linear, 0 0, 100% 0, from(rgba(50,50,50,0.01)), to(rgba(80,80,80,0.01)), color-stop(.5,#c9c9c9) );
  background:-moz-linear-gradient( left, rgba(0,0,0,0.001) 0%, rgba(201,201,201,1) 50%, rgba(0,0,0,0.001) 100% );
  background:-ms-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
  background:-o-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
  background:linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
}

/* pages d'aide */
form.editable.aide { color: #828F93; font-size:12px; }
.normal { font-weight: normal; font-size: 12px; color: #828F93; background-color: transparent; }

/* .fede_t1 { font-weight: bold; font-size: 2em; } */
/* .fede_t2 { font-weight: bold; color: #ffffff; background-color: #cc99ff; font-size: 14px; } */
/* .fede_t3 { font-weight: bold; color: #000; background-color: #eae0ea; font-size: 14px; } */
/* .fede_t4 { font-weight: bold; color: #800080; font-size: 14px; } */

.fede_titre { font-family: Arial; font-size: 18px; font-weight: bold; }
.fede_stitre { font-family: Arial; font-size: 14px; font-weight: bold; }
.fede_texte { font-family: Arial; font-size: 12px; font-weight: normal; text-align: justify; }
.fede_leg { font-family: Arial; font-size: 12px; font-style: italic; text-align: center; }

.aide_t1 { font-weight: bold; font-size: 2em; }
.aide_t2 { font-weight: bold; color: #ffffff; background-color: #cc99ff; font-size: 14px; }
.aide_t3 { font-weight: bold; color: #000; background-color: #eae0ea; font-size: 14px; }
.aide_t4 { font-weight: bold; color: #800080; font-size: 14px; }

.aide_listenum { list-style-type: decimal; margin-left: 60px; font-size:12px; }
.aide_liste1 { list-style-type: disc; margin-left: 60px; font-size:12px; }
.aide_liste2 { list-style-type: circle; margin-left: 80px; font-size:12px; }
.aide_liste3 { list-style-type: square; margin-left: 100px; font-size:12px; }

div#ExColTabs h4 { padding: 0; margin: 0 0 0.3em 0; color: #5e9bb7; font-size: 120%; border-bottom: 1px dotted #5e9bb7; }
div#ExColTabs div.form { padding: 0.5em; }
div#ExColTabs div.prvCt { border: 1px solid #68a7b4; padding: 1em; margin: 0 0 1em; }
div#ExColTabs div.prvCtOnLine { border: 1px solid #5e9bb7; padding: 1em; margin: 0 0 1em; }
div#ExColTabs div.prvVd { border: 1px solid #5e9bb7; padding: 1em; margin: 0 0 1em; }

/* SkelTwoColumsDyn.tpl */
div#MxaGaucheTitle { width: 400px;  border: solid 1px #bbb; background-color: #5e9bb7; height: 32px; }
div#MxaGaucheTitle h3 { color:#fff; padding: 5px; font-size: 1.6em; }
div#MxaGauche { width: 370px; height: 570px; border: solid 1px #bbb; overflow: auto; float: left; }
div#MxaDroite, div#MxaDroiteTop { width: 740px; border: solid 1px #bbb; padding: 5px; float: left; margin-left: 5px; }
div#MxaDroite { min-height: 520px; }
div#MxaDroiteTop, div#MxaGauche h3 { margin-bottom: 5px; background-color: #ced225; color:#000; font-size: 1.6em; }
div#MxaGauche h3 { color:#fff; background-color: #5e9bb7; padding: 5px; border-bottom: solid 1px #bbb; }

div#MxaGauche table { color: #7f7f7f; border-collapse: collapse; border: 1px solid #ccc; border-right: none; }
div#MxaGauche caption, div#MxaGauche td { padding: 10px; }
div#MxaGauche th { padding: 5px 10px; }
div#MxaGauche caption { background-color: #5e9bb7; color: #fff; font-weight: bold; text-transform: uppercase; }
div#MxaGauche thead th { background-color: #828f93; color: #000; text-align: center; }
div#MxaGauche tbody th { padding: 20px 10px; }
div#MxaGauche tbody tr.odd { background-color: #e2e1d5; color: #666; }
div#MxaGauche tbody a { padding: 1px 2px; color: #333; text-decoration: none; border-bottom: 1px dotted #5e9bb7; }
div#MxaGauche tbody a:hover, div.ListingMessages tbody a:focus { color: #666; }
div#MxaGauche tbody tr:hover { background-color: #eee; color: #333; }
div#MxaGauche tbody tr:hover a { background-color: #eee; }
div#MxaGauche tbody tr.selected { background-color: #ced225; color:#000; }

div#MxaDroite dl.table-display { margin: 0.5em 0 2em; padding: 0; }
div#MxaDroite dl.table-display dt { width: 150px; float: left; margin: 0; padding: .5em; border-top: 1px solid #999; font-weight: bold; }
/* hack de commentaire avec un antislash pour ie5 mac \*/
div#MxaDroite dt { clear: both; }
/* end hack */
div#MxaDroite dl.table-display dd { float: left; width: 520px; margin: 0; padding: .5em; border-top: 1px solid #999; color: #000; }
div#MxaDroite .title { background-color: #5e9bb7; color: #fff; font-weight: bold; }

/* jqueryFileTree */
ul.jqueryFileTree { font-family: Arial, "Trebuchet MS"; font-size: 11px; line-height: 18px; padding: 0; margin: 0; }
ul.jqueryFileTree li { list-style: none; padding: 0; padding-left: 20px; margin: 0; white-space: nowrap; }
ul.jqueryFileTree a { color: #333; text-decoration: none; display: block; padding: 0 2px; }
ul.jqueryFileTree a:hover { background: #bdf; }
/* Liste des icones fichiers */
ul.jqueryFileTree li.directory { background: url('../images/ft/directory.png') left top no-repeat; }
ul.jqueryFileTree li.expanded { background: url('../images/ft/folder_open.png') left top no-repeat; }
ul.jqueryFileTree li.application { background: url('../images/ft/application.png') left top no-repeat; }
ul.jqueryFileTree li.code { background: url('../images/ft/code.png') left top no-repeat; }
ul.jqueryFileTree li.css { background: url('../images/ft/css.png') left top no-repeat; }
ul.jqueryFileTree li.db { background: url('../images/ft/db.png') left top no-repeat; }
ul.jqueryFileTree li.doc { background: url('../images/ft/doc.png') left top no-repeat; }
ul.jqueryFileTree li.file { background: url('../images/ft/file.png') left top no-repeat; }
ul.jqueryFileTree li.film { background: url('../images/ft/film.png') left top no-repeat; }
ul.jqueryFileTree li.flash { background: url('../images/ft/flash.png') left top no-repeat; }
ul.jqueryFileTree li.html { background: url('../images/ft/html.png') left top no-repeat; }
ul.jqueryFileTree li.java { background: url('../images/ft/java.png') left top no-repeat; }
ul.jqueryFileTree li.linux { background: url('../images/ft/linux.png') left top no-repeat; }
ul.jqueryFileTree li.music { background: url('../images/ft/music.png') left top no-repeat; }
ul.jqueryFileTree li.pdf { background: url('../images/ft/pdf.png') left top no-repeat; }
ul.jqueryFileTree li.php { background: url('../images/ft/php.png') left top no-repeat; }
ul.jqueryFileTree li.picture { background: url('../images/ft/picture.png') left top no-repeat; }
ul.jqueryFileTree li.ppt { background: url('../images/ft/ppt.png') left top no-repeat; }
ul.jqueryFileTree li.psd { background: url('../images/ft/psd.png') left top no-repeat; }
ul.jqueryFileTree li.ruby { background: url('../images/ft/ruby.png') left top no-repeat; }
ul.jqueryFileTree li.script { background: url('../images/ft/script.png') left top no-repeat; }
ul.jqueryFileTree li.txt { background: url('../images/ft/txt.png') left top no-repeat; }
ul.jqueryFileTree li.xls { background: url('../images/ft/xls.png') left top no-repeat; }
ul.jqueryFileTree li.zip { background: url('../images/ft/zip.png') left top no-repeat; }

dl.tbl-dspy dl { }
dl.tbl-dspy dt { width: 7em; float: left; padding: .5em; font-weight: bold; text-align: right; display: block; }
dl.tbl-dspy dt { clear: both; }
dl.tbl-dspy dt a { color: #333; }
dl.tbl-dspy dt cite { font-size: 10px; }
dl.tbl-dspy dd { float: left; padding: .5em; }
dl.tbl-dspy dd.libre { clear: both; font-weight: normal; }
dl.tbl-dspy dd select { font-size: 9px; }

/* Affichage donnees personnes */
.infos { font-weight: bold; text-align: left; border-top: 1px dotted #ddd;}
.tab_affich { font-family: Arial,"Trebuchet MS",Helvetica,sans-serif; font-size: 8pt; color : #828F93; }

table.crh, table.crh th, table.crh td { border: 1px solid #666; border-collapse: collapse; color: #333;}
table.crh { border: none; border-top: 1px solid #000; }
table.crh thead th { background: #5e9bb7; padding:5px 10px; text-transform: uppercase; }
table.crh thead th.chx { background: #b9ccc5; }
table.crh tbody tr:hover td, table.crh tbody tr.odd:hover td {
    background: #03a9f4 !important;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
table.crh tbody td { padding: 5px 10px; background: #efefef; }
table.crh tbody tr.odd td { background:#dfdfdf; }
table.crh tbody td.ar { text-align: right; }
table.crh tbody td.al { text-align: left; }
table.crh tfoot td, table.crh tfoot th { border: none; padding-top:10px; }
table.crh a:link { color: #363636; }
table.crh a:visited { color: #036; }
table.crh a:active { color: #000; }
table.crh tbody tr[data-href]:hover td, table.crh tbody tr[data-href]:hover th,
table.crh tbody tr[data-modal]:hover td, table.crh tbody tr[data-modal]:hover th,
table.crh tbody tr.clickable:hover td, table.crh tbody tr.clickable:hover th {
    cursor: pointer;
}

table.crh:not(.custom-hover) tbody tr[data-href]:active td,
table.crh:not(.custom-hover) tbody tr[data-href]:active th,
table.crh:not(.custom-hover) tbody tr[data-modal]:active td,
table.crh:not(.custom-hover) tbody tr[data-modal]:active th,
table.crh:not(.custom-hover) tbody tr.clickable:active td,
table.crh:not(.custom-hover) tbody tr.clickable:active th {
    background-color: #0398e2 !important;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
table.insp { border: 1px solid #6E6A6C; border-collapse: collapse;color: #605D5D; }
table.insp { border-top: 1px solid #6E6A6C; }
table.insp thead th { background: #EAEAEA; padding:10px 10px 10px 10px; color: #605D5D;}
table.insp thead th.chx { background: #b9ccc5; }
table.insp tbody tr:hover td, table.crh tbody tr.odd:hover td { background: #D0E5E1; }
table.insp tbody td { padding: 10px 20px 10px 20px; background: #FFFFFF; color: #605D5D;}
table.insp tbody tr.odd td { background:#dfdfdf; }
table.insp tbody td.ar { text-align: right; }
table.insp tbody td.al { text-align: left; }
table.insp tfoot td, table.crh tfoot th { border: 1px solid #6E6A6C;; padding-top:10px; }
table.insp a:link { color: #363636; }
table.insp a:visited { color: #036; }
table.insp a:hover { color: #000; }
table.insp a:active { color: #000; }

div.erreurs { border: 1px dotted #f00; padding: 0.5em 1em; }
div.erreurs ol { color: #f00; padding: 0 0 0 2em; }

p.photo { border: 1px solid #817865; padding: 5px; margin-top: 1em; }
div.photoid, p.photo { border: 1px solid #817865; padding: 5px; margin-top: 1em; }

/* Affichage de la liste des disciplines*/
.activites { list-style-type: none; }

a:hover.coche_all_ln1 { text-decoration: underline !important; }
a:hover.decoche_all_ln1 { text-decoration: underline !important; }
.ui-widget-content { color: #828F93 !important; }
.licences { color: #fff; backgound-color: #68A7B4; }
.questionnaire { margin-left: 2em; }

#cacher_licence { display: none; width: 974px; }
#cacher_abonnement { display: none; width: 974px; }
#cacher_certif { display: none; }

#scanPreview { position:absolute; border:6px solid #555; background:#555; display:none; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; }
#commPreview { position:absolute; border:6px solid #555; background:#555; display:none; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; }
#imgPreview { position:absolute; border:6px solid #817865; background:#817865; display:none; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; }
a.imgPreview { color: #555; }
#infoPreview { position:absolute; border:2px solid #cd0a0a; background:#f8da4e; display:none; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; padding: 0.5em; }


.arrow_box { position: relative; background: #e2e1d5; border: 2px solid #5e9bb7; min-height: 6em; }
.arrow_box:after, .arrow_box:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_box:after { border-right-color: #e2e1d5; border-width: 22px; top: 50%; margin-top: -22px; }
.arrow_box:before { border-right-color: #5e9bb7; border-width: 25px; top: 50%; margin-top: -25px; }

dl.trsf {
	border: 1px solid #000;
	background-color: #ddd;
	width: 102px;
	text-align: center;
	padding: 10px;
	float: left;
	margin-right: 1em;
}
dl.trsf dt { font-weight: bold; }
dl.trsf dd { margin: 0; padding: 0; }


div.mxg { display: block; position: relative; margin: 2px 0 0; padding: 0.3em 0.1em 0.1em; min-height: 0px;  }
div.mxg:hover h5.mxgt, div.mxg:hover div.mxgc, div.mxg:hover div.mxgcx { border-color: #969696; }
div.mxg h5.mxgt {
    color: #6b6b6b;
    font-size: 1.1em;
    font-weight: bold;
    padding: 4px 0.7em;
    border: 1px solid #bababa;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: #F1F1F4 left bottom repeat-x;
}
h5.mxgt.round { border-radius: 2px; }
div.mxg h5.a { background-image: none; background-color: #5e9bb7; color: #fff; }
div.mxg h5.b { background-image: none; background-color: #ced225; color: #fff; }
div.mxg h5.c { background-image: none; background-color: #776655; color: #fff; }
div.mxg h5.d { background-image: none; background-color: #908f87; color: #fff; }
div.mxg h5.e { background-image: none; background-color: #cc3333; color: #fff; }
div.mxg h5.f { background-image: none; background-color: #FF6600; color: #fff; font-weight: bold; }
div.mxg h5.g { background-image: none; background-color: #5a6366; color: #fff; }
div.mxg h5.h { background-image: none; background-color: #1AB394; color: #fff; }
div.mxg h5.i { background-image: none; background-color: #5a6366; color: #fff; font-weight: bold; }
div.mxg h5.j { background-image: none; background-color: #049CF0; color: #fff; font-weight: bold; }
div.mxg h5.k { background-image: none; background-color: #bcc97e; color: #fff; }
div.mxg h5.l { background-image: none; background-color: #a8c9be; color: #fff; }
div.mxgm { padding: 0.8em; border-color: #828f93; border-style: solid; border-width: 0 1px 1px 1px; }

div.mxgc { padding: 0.8em; border-color: #bababa; border-style: solid; border-width: 0 1px 1px 1px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
div.mxgcx { padding: 0.8em; border: 1px solid #bababa; border-radius: 4px; }
div.mxg a.BtnEdit, div.mxg a.BtnEditOff { width:15px; height:15px; }
div.mxg a.BtnAdd { width:15px; height:15px; }
div.mxg a.BtnRem { width:15px; height:15px; }
div.mxg a.BtnDelete { width:15px; height:15px; }
div.mxg div.forange { background-color: #FFD900; }

a.BtnPlus, a.BtnMoins, a.BtnPrint { width:20px; height:20px; margin-bottom: 3px; }

.ui-widget-overlay.custom-overlay {
	background-color: #222;
  background-image: url('../images/ajax_loader_large.gif');
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center;
  opacity: 0.8;
  z-index: 1040;
}

dl.listing dt { border-bottom: 1px solid #000; color: #666; font-weight: bold; padding: 0.5em 0 0; }
dl.listing dd { margin: 0.5em 0 1em 1em; }
dl.listing table { width: 100%; }

dl.arch { }
dl.arch dt { background: url('../images/ft/folder_open.png') left 0.5em no-repeat; padding: 0.5em 0 0 2em; }
dl.arch dd { padding: 0 0 0 2em; }
dl.arch dd.dep { background: url('../images/ft/folder_open.png') 2em 0.5em no-repeat; padding: 0.5em 0 0 4em; }
dl.arch dd.cdep { padding: 0 0 0.5em 4em; }

h2.manif { color: #776655; padding-top: 0.5em; border-bottom: 2px solid #776655; }
h4.manif { color: #776655; font-size: 12px; border-bottom: 2px solid #776655; }

dl.equipe { color: #333; }
dl.equipe dt { background: url('../images/ft/directory.png') left 0.5em no-repeat; padding: 0.5em 0 0 2em; }
dl.equipe dt.chx { background: url('../images/ft/folder_open.png') left 0.5em no-repeat; padding: 0.5em 0 0 2em; font-weight: bold; }
dl.equipe a { color: #333; }

div.arboParent{border-top:1px solid #F3F3F4;padding:10px 10px 10px 20px; background-color:#FFFFFF; border-right:5px solid #D3D3D3;}
div.arboParent:hover{ background-color:#EFEFEF;}
div.arboParent a{text-decoration:none;cursor:pointer;}
div.arboParent span{display:inline-block;margin-right:20px;}
div .select_active { background-color:#51C446; border-radius: 5px 5px 5px 5px; color:white; padding: 3px 3px 3px 3px; }

table td .sectionSelect {vertical-align:top;width:33%;padding:10px 5px 10px 5px;background-color:#CADBDF;text-align: center;}
table td .sectionSelect.selected {background-color:#759FA7;color:white;}
table td .sectionSelect:hover {background-color:#759FA7;color:white;cursor: pointer;}
table td .sectionResult {padding:20px 10px 10px 10px; border-left:1px solid #CADBDF;border-bottom:1px solid #CADBDF;border-right:1px solid #CADBDF;}

div.flat{padding:10px 5px 10px 5px;}
div.flat a{text-decoration: none; cursor:pointer;}
div.flat:hover {background-color:#C0DDE5;}


div.mxgflat { display: block; position: relative; margin: 2px 0 0; padding: 0.3em 0.1em 0.1em; }
div.mxgflat h5.mxgtflat {
    font-size: 1.1em;
    font-weight: bold;
    padding: 7px 15px;
    border-style: solid;
    border-width: 4px 1px 1px 1px;
    border-color: #C5C5C4;
    background-color:#F7F7F7;
}

div.mxgflat h5.e { border-top:4px solid #cc3333;background-color: #EA9191; color: #fff; }
div.mxgflat h5.h { border-top:4px solid #50B494;background-color: #A0D3C2; color: #fff; }
div.mxgcflat { padding: 0.8em; border-color: #C5C5C4; border-style: solid; border-width: 0 1px 1px 1px; }
div.mxgflat .invisible{display:none;}
div.mxgcxflat { padding: 0.8em; }

span.mxgBtn{ float:right; cursor:pointer;margin:0 10px 0 10px; }
table .tabflat { border-collapse: collapse;}
table.tabflat thead th { background: #F7F7F7; padding:10px 10px 10px 10px; border-bottom: 1px solid #C5C5C4; color: #605D5D;text-align: left;}
table.tabflat tbody td { padding: 6px 15px 6px 15px; color: #605D5D; border-bottom: 1px solid #C5C5C4;}
table.tabflat tbody td.odd {background: #F7F7F7;}

table .tabflatlist { border-collapse: collapse;}
table.tabflatlist thead th { background: #F7F7F7; padding:10px 10px 10px 10px; border-bottom: 1px solid #C5C5C4; color: #605D5D;text-align: left;}
table.tabflatlist tbody td { padding: 0.5px 15px 0px 15px; color: #605D5D; border-bottom: 1px solid #C5C5C4;}
table.tabflatlist tbody td.odd {background: #F7F7F7;}


a.NewBtn {display: inline-block;padding:6px 30px 6px 30px; text-decoration: none; font-weight: bold; border-radius: 3px 3px 3px 3px;cursor:pointer;}
a.NewBtn.a {border: 1px solid #1AB394; color:#1AB394;}
a.NewBtn.afilled {background-color: #1AB394; color:white;}
a.NewBtn.b {border: 1px solid #CC3333; color:#CC3333;}
a.NewBtn.bfilled {background-color: #CC3333; color:white;}
a.NewBtn.c {border: 1px solid #1785BA; color:#1785BA;}
a.NewBtn.cfilled {background-color: #1785BA; color:white;}
a.NewBtn.d {border: 1px solid #CC3333; color:#CC3333;}
a.NewBtn.dfilled {background-color: #CC3333; color:white;}

div.ListResult{border-bottom: 1px solid #E5E5E3;padding: 10px 20px 10px 20px;}
div.ListResult:hover{background-color:#F3F3F4;}
div.ListResult .title{font-weight: bold; font-size:15px;}
div.ListResult .subtitle{ font-size:13px;}
div.ListResult .date{ font-size:10px; font-style: italic;}

a.Pagination{text-decoration: none; cursor: pointer; border: 1px solid #605D5D;padding: 5px 5px 5px 5px;}

div.mxg h5.active 		{ background-image: none; background-color: #339900; color: #fff; font-weight: bold; }
div.mxg h5.annulee 		{ background-image: none; background-color: #666666; color: #fff; font-weight: bold; }
div.mxg h5.validation { background-image: none; background-color: #ff6600; color: #fff; font-weight: bold; }
div.mxg h5.older 			{ background-image: none; background-color: #ffff; color: black; font-weight: bold; }
div.mxg h5.attente 		{ background-image: none; background-color: #ff3333; color: #fff; font-weight: bold; }

div.mxg .bgactive 		{ background-image: none; background-color: #ebfeeb; }
div.mxg .bgannulee 		{ background-image: none; background-color: #ffff; }
div.mxg .bgvalidation { background-image: none; background-color: #fceedf; }
div.mxg .bgolder 			{ background-image: none; background-color: #ffff; }
div.mxg .bgattente 		{ background-image: none; background-color: #fbe9e9; }

td .bgactive 		{ background-image: none; background-color: #ebfeeb; }
td .bgannulee 		{ background-image: none; background-color: #ffff; }
td .bgvalidation { background-image: none; background-color: #fceedf; }
td .bgolder 			{ background-image: none; background-color: #ffff; }
td .bgattente 		{ background-image: none; background-color: #fbe9e9; }


.text-center {text-align:center;}
.w50{ display: inline-block; width: 50%; }
.hidden {display: none !important;}
.p  {}
.h2 {}
.h3 {}
.h4 {}
.h5 {}

form.editable.form-fir { max-width: 1120px; }
form.editable.form-fir label { border: none; display: inline-block; float: none; text-align: center; }
form.editable.form-fir .btn-radio { vertical-align: bottom; }

.flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    margin-bottom: .5em !important;
}

.flex-around {
    justify-content: space-around;
}

.flex-between {
    justify-content: space-between;
}

.flex > div {
    margin: 0 auto;
}
.flex > div:not(:last-of-type) {
    /*border-right: 1px solid black;*/
}
form.editable.form-fir .fir-item h1, form.editable.form-fir .fir-item h2, form.editable.form-fir .fir-item h3, form.editable.form-fir .fir-item h4, form.editable.form-fir .fir-item h5, form.editable.form-fir .fir-item h6 {
    margin: .5em 0;
}
form.editable.form-fir input:not([type="radio"]),form.editable.form-fir select, form.editable.form-fir textarea { width: 100%; }
.fir-item { vertical-align: top; }
form.editable.form-fir tr:not(:last-of-type) td { min-height: 60px; }
td.fir-item > div { padding: 0 1em; }
.w50 { width: 50%;}
.w100 { width: 100%;}

.error-fir {
    border: 1px solid red !important;
}

.gris {
    background: #e6e6e6 !important;
    border-color: #d3d3d3 !important;
}

.txt-vert {
    color: #970002;
}
.vert {
    background: #c9efc8 !important;
    border-color: #319f28 !important;
    color: green;
}
.bouton.vert .ui-button-text {
    color: green;
}
.bouton.vert:hover {
    background: #a3ec9e !important;
    border-color: #236d1e !important;
}

.txt-orange-real {
    color: #c35a00;
}
.orange {
    background: #efe7d4 !important;
    border-color: #cc8c45 !important;
    color: #c35a00;
}
.bouton.orange .ui-button-text {
    color: #c35a00;
}
.bouton.orange:hover {
    background: #efceaf !important;
    border-color: #925317 !important;
}

.txt-rouge {
    color: #970002;
}
.rouge {
    background: #efd3d3 !important;
    border-color: #c65353 !important;
    color: #970002;
}
.bouton.rouge .ui-button-text {
    color: #970002;
}
.bouton.rouge:hover {
    background: #efb4b2 !important;
    border-color: #7b2b2d !important;
}

.exButton {
    background-color: #5e9bb7;
    border-radius: 4px;
    border: 1px solid #4f869b;
    display: inline-block;
    font-size: 13px;
    padding: 6px 24px;
    text-decoration: none;
}
.exButton:hover { background-color:#019ad2; text-decoration:none; }
.exButton:active { position:relative; top:1px; }
.exButton.vert { background: #a3ec9e !important; border-color: #176f11 !important; }
.exButton.vert:hover { background: #a3ec9e !important; border-color: #236d1e !important; }

.select2-container { width:60%; }