/**
 * screen.css
 * styles d'affichage à l'écran
 * @auteur: WAHL Stéphane
 * @Date de création: 28/12/2009
 * @Date de modification: 28/12/2009
 */

@import "formstyle.css";

@import "accad.css";

@import "admin.css";

@import "tab2.css";

@import "table.css";
@import "datepicker.css";
@import "lightbox-form.css";

@import "timeline.css";

/*@charset "utf-8";*/

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #CC0000;
}

a.no-decoration:link {
    text-decoration: none;
    color: #b0c4de;
}

a.no-decoration:visited {
    text-decoration: none;
    color: #b0c4de;
}

a.no-decoration:hover {
    text-decoration: none;
    color: #b0c4de;
}

a.info {
    position: relative;
    color: black;
    text-decoration: none;
}

a.info span {
    display: none;
    /* on masque l'infobulle */
}

a.info label {
    display: block;
}

a.info:hover {
    background: none;
    /* correction d'un bug IE */
    cursor: help;
    /* on change le curseur par défaut en curseur d'aide */
    z-index: 500;
    /* on définit une valeur pour l'ordre d'affichage */
}

a.info:hover span, a.info:focus span {
    background: white;
    border-color: grey;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    color: grey;
    display: inline;
    /* on affiche l'infobulle */
    left: 20px;
    padding: 3px;
    position: absolute;
    top: 20px;
    /* on positionne notre infobulle */
    white-space: nowrap;
    /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
}

a.info:hover span.info2 {
    background: white;
    border-color: grey;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    color: grey;
    display: inline;
    /* on affiche l'infobulle */
    padding: 3px;
    position: fixed;
    max-width: 600px;
    max-height: 500px;
    /* on positionne notre infobulle */
    white-space: nowrap;
    /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
    z-index: 200;
}

.autoCompItem:hover {
    background-color: grey;
    color: white;
}

.autoCompItem {
    list-style-type: none;
}

body {
    /*background-color: silver;
    background-image:url(../images/fonds/bg.png);
    background-repeat:repeat-x;*/
    background-color: #f8f8f8;
    color: #000;
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.cursor {
    cursor: pointer;
}

.baspage {
    margin: 0 0 20px 0;
}

.parcours tbody tr:nth-child(even) {
    background-color: #f0f7d9;
    ;
}

.parcours tbody tr:nth-child(odd) {
    background-color: #fffafa;
}

.parcours tbody tr:nth-child(even) {
    background-color: #f0f7d9;
}

.parcours tbody tr:nth-child(odd) {
    background-color: #fffafa;
}

#planning tbody tr:nth-child(even) {
    background-color: #f0f7d9;
    ;
}

#planning tbody tr:nth-child(odd) {
    background-color: #fffafa;
}

a.apercu {
    position: relative;
    color: black;
    text-decoration: none;
}

td.apercu span {
    display: none;
}

td.apercu:hover {
    background: none repeat scroll 0 0 transparent;
    z-index: 500;
}

td.apercu:hover span {
    background: white;
    border-color: grey;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    color: grey;
    display: inline;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
}

#enteteacademie {
    font-size: 1em
}

#contenu {
    font-size: 1.3em;
    margin-bottom: 24px !important;
}

#piedpage {
    font-size: 1.1em
}

#piedpage {
    bottom: 0;
    color: white;
    position: fixed;
    width: 100%;
    z-index: 100;
}

#contenupiedpage {
    background-color: gray;
    padding: 0 5px;
    text-align: right;
}

h1 {
    font-size: 1.4em
}


/* affiché en 24px */

h2 {
    font-size: 1.2em
}


/* affiché en 18px */

h3 {
    font-size: 1em
}


/* affiché en 15px */

h4 {
    font-size: 0.9em
}


/* affiché en 12px */

h1, h2, h3, h4 {
    margin: 0;
    padding: 5px;
    clear: both;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

h1 {
    background-image: -moz-linear-gradient(top, #6f98ac, #537281);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6f98ac), to(#537281));
    background-image: -webkit-linear-gradient(top, #6f98ac, #537281);
    background-image: -o-linear-gradient(top, #6f98ac, #537281);
    background-image: linear-gradient(to bottom, #6f98ac, #537281);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6f98ac', endColorstr='#ff537281', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: white;
    font-weight: bold;
    margin: 5px 0;
    padding: 5px 0;
    text-align: center;
}

h2 {
    background-image: -moz-linear-gradient(top, #A6B2B7, #8a9aa0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A6B2B7), to(#8a9aa0));
    background-image: -webkit-linear-gradient(top, #A6B2B7, #8a9aa0);
    background-image: -o-linear-gradient(top, #A6B2B7, #8a9aa0);
    background-image: linear-gradient(to bottom, #A6B2B7, #8a9aa0);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffA6B2B7', endColorstr='#ff8a9aa0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    font-weight: bold;
    color: white;
    margin: 5px 0;
    padding: 5px 0;
    text-align: center;
}

h3 {
    background-image: -moz-linear-gradient(top, #a3a3a3, #969696);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a3a3a3), to(#969696));
    background-image: -webkit-linear-gradient(top, #a3a3a3, #969696);
    background-image: -o-linear-gradient(top, #a3a3a3, #969696);
    background-image: linear-gradient(to bottom, #a3a3a3, #969696);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa3a3a3', endColorstr='#ff969696', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: white;
    padding: 5px;
}

h4 {
    padding: 0 0 2px 0;
}

hr {
    border-style: dashed none none none;
}

h1.obsolete {
    color: darkred;
}

.hidden {
    display: none;
}

.hidepuce {
    list-style-type: none;
}

.width10 {
    width: 10px;
}

input[type="submit"], input[type="button"] {
    background-image: -moz-linear-gradient(top, #e5e5e5, #bbb);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#bbb));
    background-image: -webkit-linear-gradient(top, #e5e5e5, #bbb);
    background-image: -o-linear-gradient(top, #e5e5e5, #bbb);
    background-image: linear-gradient(to bottom, #e5e5e5, #bbb);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffbbb', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-style: none;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-family: Arial;
    font-size: 1.1em;
    padding: 2px 4px;
    margin: 1px;
    text-decoration: none;
    text-shadow: 0px 0px 0px #2f6627;
}

input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background-image: -moz-linear-gradient(top, #bababa, #bcbcbc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bababa), to(#bcbcbc));
    background-image: -webkit-linear-gradient(top, #bababa, #bcbcbc);
    background-image: -o-linear-gradient(top, #bababa, #bcbcbc);
    background-image: linear-gradient(to bottom, #bababa, #bcbcbc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbababa', endColorstr='#ffbcbcbc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000000;
}

input[type="button"]:active, input[type="submit"]:active {
    background-image: -moz-linear-gradient(top, #808080, #999999);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#808080), to(#999999));
    background-image: -webkit-linear-gradient(top, #808080, #999999);
    background-image: -o-linear-gradient(top, #808080, #999999);
    background-image: linear-gradient(to bottom, #808080, #999999);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff808080', endColorstr='#ff999999', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

input[type="button"].normal {
    font-size: 12px;
}

.convpdf, input[type="button"].pdf {
    border: none;
    background: transparent;
    background-image: url(../images/dialog/pdf.png);
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0 0 0 18px;
}

.misadispoerror, input[type="button"].pdf {
    border: none;
    background: transparent;
    background-image: url(../images/dialog/btnFolderKill.gif);
    background-repeat: no-repeat;
    padding: 0 0 0 18px;
}

.misadispopdf, input[type="button"].pdf {
    border: none;
    background: transparent;
    background-image: url(../images/dialog/btnFolderUp.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0 0 0 18px;
}

.misadispopdfok, input[type="button"].pdf {
    border: none;
    background: transparent;
    background: url(../images/boutons/valider16.png);
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0 0 0 18px;
}

.misadispovuok, input[type="button"].pdf {
    border: none;
    background: transparent;
    background: url(../images/boutons/oeil_valide.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0 0 0 18px;
}

.misadispovuerror, input[type="button"].pdf {
    border: none;
    background: transparent;
    background: url(../images/boutons/oeil_error.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0 0 0 18px;
}

.misadisposigneok, input[type="button"].pdf {
    border: none;
    background: transparent;
    background: url(../images/boutons/signature_valide.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0 0 0 18px;
}

.misadisposigneerror, input[type="button"].pdf {
    border: none;
    background: transparent;
    background: url(../images/boutons/signature_error.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0 0 0 18px;
}

.misadispodelete, input[type="button"].pdf {
    border: none;
    background: transparent;
    background: url(../images/boutons/corbeille.png);
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0 0 0 18px;
}

[data-tooltip] {
    display: inline-block;
    position: relative;
    cursor: help;
}
/* Tooltip styling */
[data-tooltip]:before {
    content: attr(data-tooltip);
    display: none;
    position: absolute;
    background: #000;
    color: #fff;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.4;
    min-width: 100px;
    text-align: center;
    border-radius: 4px;
}
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
}
[data-tooltip-position="right"]:before {
    left: 100%;
    margin-left: 6px;
}
[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 6px;
}
[data-tooltip-position="left"]:before {
    right: 100%;
    margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
    left: 50%;
    margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
    top: 50%;
    margin-top: -6px;
}
[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #000;
}
[data-tooltip-position="right"]:after {
    left: 100%;
    border-width: 6px 6px 6px 0;
    border-right-color: #000;
}
[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 0 6px 6px;
    border-bottom-color: #000;
}
[data-tooltip-position="left"]:after {
    right: 100%;
    border-width: 6px 0 6px 6px;
    border-left-color: #000;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 50;
}


input[type="button"].repondre {
    border: none;
    background: transparent;
    background-image: url(../images/boutons/repondre.png);
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0 0 0 18px;
}

input[type="button"].supprimer {
    border: none;
    background: transparent;
    background-image: url(../images/boutons/supprimer.png);
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0 0 0 18px;
}

input[type="button"].convmel {
    border: none;
    background: transparent;
    background-image: url(../images/boutons/courrier.png);
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0 0 0 18px;
}

input[type="text"]:disabled {
    color: #696969;
    background-color: silver;
    font-size: 1em;
}

select[disabled="disabled"] {
    color: #696969;
    background-color: silver;
}

.emargpdf {
    border: none;
    background: transparent;
    background-image: url(../images/boutons/modifier.png);
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0 0 0 18px;
}

input[type="text"] {
    font-size: 1em;
}

input[type="text"]:after {
    background-color: #b0e0e6;
}

#FicheCand input[type="text"], #Acteur input[type="text"], #Accompagnateur input[type="text"] border: thin solid #a9a9a9;
background-color: white;
border-radius: 5px;
-khtml-border-radius: 5px;

/*-moz-border-radius: 5px;*/

-webkit-border-radius: 5px;

}
select {
    font-size: 0.9em;
    margin: 0 0 0 2px;
}
textarea {
    margin: 0;
}
img {
    border-width: 0px
}
div {
    margin: 0;
}
p {
    margin: 1px;
    padding: 1px;
}
#lightBox label {
    margin: 0 0 0 10px;
    padding: 0;
    min-width: 145px;
    text-align: right;
    vertical-align: middle;
}
.form_acteur label {
    display: inline-block;
    text-align: right;
    width: 150px;
    margin-right: 15px;
}
.container_mon_compte label {
    display: inline-block;
    text-align: right;
    width: 100px;
    margin-right: 15px;
}
fieldset {
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
legend {
    background-image: -moz-linear-gradient(top, #8d8d8d, #737373);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8d8d8d), to(#737373));
    background-image: -webkit-linear-gradient(top, #8d8d8d, #737373);
    background-image: -o-linear-gradient(top, #8d8d8d, #737373);
    background-image: linear-gradient(to bottom, #8d8d8d, #737373);
    background-repeat: repeat-x;
    border-color: #737373 #737373 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8d8d8d', endColorstr='#ff737373', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: white;
    margin: 5px 0 0 0;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
fieldset.parametrage {
    display: inline;
    margin: 0 0 0 30px;
    width: 250px;
}
fieldset.parametrage2 {
    display: inline;
    margin: 0 0 0 30px;
    vertical-align: top;
    width: 430px;
}
fieldset#fieldsetGestPers, fieldset#fieldsetGroupesParents, fieldset#fieldsetGroupesEnfants {
    display: inline;
    margin: 10px 0 0 10px;
    vertical-align: top;
    width: 280px;
}
dl {}
dt {
    color: #336699;
    font-weight: bold;
}
dd {
    background-color: #fffaa0;
    font-family: "Times New Roman", Times, serif;
    font-size: larger;
    font-style: italic;
    margin: 5px 0 5px 25px;
    padding: 5px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
fieldset#accueil_etatcivil {
    margin: 0 0 0 5px;
    width: 680px;
}
fieldset#accueil_origine {
    margin: 0 0 0 10px;
    width: 220px;
}
fieldset#accueil_etatcivil label {
    float: left;
    min-width: 120px;
    text-align: right;
}
fieldset#accueil_origine label {
    margin: 0px 30px 0 0;
}
ul.listecandidats {
    background-color: #f5f5f5;
    margin: 5px 0 5px 20px;
    padding: 3px 0 0 10px;
    width: 90%;
}
ul.listecandidats li {
    list-style: none;
}
p.label_bt_radio {
    margin: 5px;
    padding: 5px;
    text-align: right;
}
.lienboxlogin, .lienboxlogin:hover {
    color: white;
}
.description {
    font-style: italic;
    font-weight: bold;
}
.demarche1, .recevable {
    background-color: #678F68;
    color: white;
    padding: 0 5px;
    text-align: center;
}
.demarche2, .nonrecevable {
    background-color: #b22222;
    color: white;
    padding: 0 5px;
    text-align: center;
}
.export_info {
    background-color: #6f98ac;
    color: white;
    padding: 0 5px;
    text-align: center;
}
.topvaegouv {
    background-color: #FF6600;
    color: white;
    padding: 0 5px;
    text-align: center;
}
.topfrancevae {
    background-color: #C34CCE;
    color: white;
    padding: 0 5px;
    text-align: center;
}
.horsitineraire {
    background-color: #C34CCE;
    color: white;
    padding: 0 5px;
    text-align: center;
}
.fichecree {
    background-color: #6f98ac;
    color: white;
    float: right;
    margin: 0 0 2px 0;
    text-align: right;
    width: auto;
}
.numCand {
    font-size: 18px;
    font-weight: bold;
}
.realise {
    color: #778899;
}
.table_date {
    width: 15px;
}
.table_duree {
    width: 10px;
}
.table_animateur {
    width: 20%;
}
.table_lieu {
    width: 25%;
}
.table_observation {
    width: 45%;
}
.table_total {
    font-weight: bold;
    text-align: center;
}
.fintableau {
    margin: 0 0 20px 0;
}
.pair {
    background-color: #fffafa;
}
.impair {
    background-color: #f0f7d9;
}
.heritage {
    background-color: #99FFCC;
}
.heritageg {
    background-color: #deb887;
}
.sousModule {
    margin: 0 0 0 32px;
}
.soussousModule {
    margin: 0 0 0 64px;
}
.montant_decimal {
    padding: 0 5px 0 0;
    text-align: right;
}
.montant_total {
    text-align: right;
    padding: 0 5px 0 0;
}
tr.piedtableau td {
    background-color: gray;
    color: white;
    font-weight: bold;
}
.th_num_convention {
    border-left-style: solid;
    border-left-color: #0099CC;
    border-left-width: 1px;
    width: 10%;
}
.th_libelle {
    width: 32%;
}
.th_candidat {
    width: 30%;
}
.th_date_debut {
    width: 7%;
}
.th_date_fin {
    width: 7%;
}
.th_effectif_prevu {
    width: 15%;
}
.th_facturation {
    width: 2%;
}
.th_financement {
    width: 2%;
}
.th_facturation {
    width: 2%;
}
.th_montant {
    width: 10%;
}
.th_montant_prevu {
    width: 15%;
}
.th_pourcentage {
    width: 5%;
}
.th_realise {
    width: 15%;
}
.th_reference {
    border-left-style: solid;
    border-left-color: gray;
    border-left-width: 1px;
    width: 15%;
}
#parametrage1 {
    display: inline;
    width: 280px;
}
#boxlogin {
    background-color: transparent;
    margin: 90px auto 0 auto;
    width: 29em;
}
#boxlogin legend {
    background-color: #454F59;
    font-size: 16px;
    padding: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#boxlogin fieldset {
    background-color: #6F98AC;
    border: medium none !important;
    color: white !important;
    width: 28em;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
#boxlogin label {
    float: left;
    margin: 0;
    padding: 0;
    min-width: 110px;
}
#divMenuFixed, #contenu, #messagerie, #menu, #formulaire, #accueil, #milieu, #contenupiedpage {
    margin: 0 auto;
    min-width: 800px;
    width: 990px;
}
#connexion {
    background-color: #95BAD5;
    margin: 10px auto;
    padding: 0 0 5px 0;
    text-align: center;
    width: 400px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#enteteacademie {
    color: #dcdcdc;
    font-size: 20px;
    font-style: oblique;
    font-variant: small-caps;
    font-weight: bold;
    height: 30px;
    padding: 0;
    position: static;
}
#messagerie {
    background-color: #8fbc8f;
    height: 40px;
    margin: -30px 0 0 0;
}
#academie {
    float: right;
    margin: 0 10px 0 0;
}
#boxMaj {
    background-color: #a9a9a9;
    color: white;
    cursor: pointer;
    margin: 0 10px 0 0;
    padding: 0 10px;
    -moz-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    position: fixed;
    top: 0px;
}
#boxTickets {
    background-color: #a9a9a9;
    color: white;
    cursor: pointer;
    padding: 0 10px;
    -moz-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    position: fixed;
    margin: 0 auto 0 45px;
    top: 0px;
}
#boxAide {
    background-color: #a9a9a9;
    color: white;
    cursor: pointer;
    padding: 0 10px;
    -moz-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    position: fixed;
    margin: 0 auto 0 90px;
    top: 0px;
}
input[type="submit"].btEnregScroll, input[type="button"].btEnregScroll {
    background-color: none;
    background: url(../images/flat_disquette.png);
    background-repeat: no-repeat;
    border: none;
    color: white;
    cursor: pointer;
    margin: 0 0px;
    padding: 10 10px;
    position: fixed;
    margin: 0 auto 0 0px;
    bottom: 20px;
    text-indent: -99999px;
    width: 25px;
}
input[type="button"].btScrollUp, input[type="button"].btScrollUp {
    background-color: none;
    background: url(../images/boutons/bt_fleche_haut.png);
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    color: white;
    margin: 0 0px;
    position: fixed;
    bottom: 25px;
    text-indent: -99999px;
    width: 35px;
    height: 35px;
}
.divAlerteInfo {
    background-color: #C0C0C0;
    border: solid;
    border-width: 1px;
    border-color: #A9A9A9;
    bottom: 20px;
    cursor: pointer;
    margin: 0 auto 0 0px;
    padding: 10 10px;
    position: fixed;
    right: 20px;
    width: 200px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 100;
}
.rotation {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    margin: -2px;
}
#courrier {
    background-color: #a9a9a9;
    color: white;
    cursor: pointer;
    margin: 0 10px 0 0;
    padding: 0 10px;
    position: fixed;
    top: 0px;
    width: 90px;
    -moz-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
#courrier>img {
    margin: 0px 0 0 0;
}
#courrier .reception {
    background-image: url(../images/boutons/boite_reception.png);
    background-repeat: no-repeat;
    margin: 0 0 0 10px;
    padding: 0 0 5px 18px;
}
#courrier .envoi {
    background-image: url(../images/boutons/boite_envoi.png);
    background-repeat: no-repeat;
    margin: 0 0 0 10px;
    padding: 0 0 5px 18px;
}
#boxfiltre {
    background-color: #6f98ac;
    height: 80px;
    margin: 4px 0 0 0;
}
#exit {
    float: right;
    margin: 2px 0 0 0;
}
img #bt_exit {
    cursor: default;
}
.loading {
    width: 100px;
}
#messages {
    /*
	background-image: url(../images/boutons/rappel.png);
	background-repeat: no-repeat;
	*/

    float: left;
    padding: 0 0 0 18px;
    width: 350px;
}
#selUsers {
    height: 200px;
    width: 100%;
}
.nonlu {
    background-color: #cc0000;
    color: white;
    font-weight: bold;
    margin: 0px;
    padding: 0 2px;
}
.fnp-badge {
    background-color: #ffcd91;
    color: #2E2E2E;
    font-weight: bold;
    margin: 0px;
    padding: 0 2px;
}
.message_box {
    background-color: #f0f7d9;
    margin: 20px 0;
    padding: 0 0 5px 0;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.entete_expediteur {
    background-color: #95BAD5;
    padding: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.expediteur {
    font-weight: bold;
}
.message {
    background-color: #fff;
    font-style: italic;
    margin: 0 5px;
    padding: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.mess_origine {
    background-color: #f5f5f5;
    font-style: italic;
    margin: 0 15px;
    padding: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.reponse {
    background-color: #dae9db;
    font-style: italic;
    margin: 0 15px;
    padding: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.red {
    color: red;
}
input.valider {
    background-image: url(../images/boutons/valider32.png);
    background-repeat: no-repeat;
    border: none;
    box-shadow: 0 1px 5px #999;
    height: 32px;
    margin: 0;
    padding: 0;
    width: 32px;
}
input.valider:hover {
    background-image: url(../images/boutons/valider32_over.png);
}
input.valider:active {
    background-image: url(../images/boutons/valider32_active.png);
}
input.devalider {
    background-image: url(../images/boutons/devalider32.png);
    background-repeat: no-repeat;
    border: none;
    box-shadow: 0 1px 5px #999;
    height: 32px;
    margin: 0;
    padding: 0;
    width: 32px;
}
input.devalider:hover {
    background-image: url(../images/boutons/devalider32_over.png);
}
input.devalider:active {
    background-image: url(../images/boutons/devalider32_active.png);
}
input.supprimer {
    background-color: #e9967a;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#echeancier {
    font-size: 1.3em;
    width: 600px;
}
#conventioncaracteristiqueligne5, #conventioncaracteristiqueligne6, #conventioncaracteristiqueligne7, #conventioncaracteristiqueligne8, #conventioncaracteristiqueligne9 {
    margin: 3px 0;
    padding: 0 0 2px 0;
}
#ListeCand {
    float: left;
    width: 47%;
}
#resCompCommunesEmp {
    max-height: 10em;
    overflow: auto;
    width: 30em;
}
#ajout_cand {
    float: left;
    width: 47%;
}
#RechercheCand {
    float: left;
    margin: 0 0 0 5px;
    width: 52%;
}
.titretable {
    background-color: #A9A9A9;
    color: #FFFFFF;
    text-align: center;
}
.titretabletd {
    background-color: #E1EEFE;
    text-align: center;
}
.colonneG {
    float: left;
    width: 50%;
}
.colonneG label {
    float: left;
    margin: 0;
    padding: 0;
}
.colonneD {
    margin: 0 0 0 50%;
    padding: 0;
}
.colonneD label {
    float: left;
    margin: 0;
    padding: 0;
}
.colonneD2 label {
    float: left;
    margin: 0;
    padding: 0;
}
#requeteligne3 {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: [col1-start] 30%  [col2-start] 30%  [col3-start] 30% [col3-end];
    grid-template-rows: [row1-start] auto [row2-start] auto [row2-end];
    background-color: #fff;
    color: #444;
}
.colonnerequetes {
    background-color: #DDE8FF;
    border-radius: 5px;
    padding: 5px;
}
.colonnerequetes.col1{
    grid-column: 1;
    grid-row: 1 / 3;
}
.colonnerequetes.col2{
    grid-column: 2 ;
    grid-row: 2;
}
.colonnerequetes.col3{
    grid-column: 3;
    grid-row: 1 ;
}
.colonnerequetes.col4{
    grid-column: 3 ;
    grid-row: 2 ;
}
.colonnerequetes.col5{
    grid-column: 2 ;
    grid-row: 1 ;
}
.colonnerequetes.col7{
    grid-column: 1 ;
    grid-row: 3 ;
}
.colonnerequetes.col8{
    grid-column: 2 ;
    grid-row: 3 ;
}
.colonnerequetes.col9{
    grid-column: 3 ;
    grid-row: 3 / 5;
}
.colonnerequetes.col10{
    grid-column: 1 / 3;
    grid-row: 4 ;
}

.colonneG30 {
    float: left;
}
.colonneG40 {
    float: left;
    width: 40%;
}
.colonneG50 {
    float: left;
    width: 47%;
}
.colonneG50 label {
    float: left;
}
.colonneD50 {
    float: left;
    margin: 0px 0px 0px 5px;
    width: 52%;
}
.conventionmasqueG {
    float: left;
}
.clearboth {
    clear: both;
}
.clearboth_height {
    clear: both;
    height: 1px;
}
#gererPersonnel {
    float: left;
    max-height: 50em;
    overflow: auto;
    width: 18em;
}
.onglet {
    display: inline;
    padding: 5px 20px;
    background-color: #a9a9a9;
    text-align: center;
    -moz-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.onglet_select {
    display: inline;
    padding: 5px 20px;
    color: white;
    font-weight: bold;
    background-color: #99cc00;
    text-align: center;
    -moz-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.commentaire_detail_diplome {
    margin: -25px 0 0 175px;
}
.confirme {
    background-color: #C2FFBA;
    color: #396401;
}
.supprimeDava {
    background-color: #eabaaf;
    color: #b20317;
}
.programme {
    background-color: #95BAD5;
}
.absence {
    background-color: #FF9900;
}

.attention {
    background-image: -moz-linear-gradient(top, #ffe4c4, #ffcd91);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe4c4), to(#ffcd91));
    background-image: -webkit-linear-gradient(top, #ffe4c4, #ffcd91);
    background-image: -o-linear-gradient(top, #ffe4c4, #ffcd91);
    background-image: linear-gradient(to bottom, #ffe4c4, #ffcd91);
    background-repeat: repeat-x;
    border-color: #ffcd91 #ffcd91 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe4c4', endColorstr='#ffffcd91', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-style: solid;
    border-width: thin;
    color: #cc0000;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.avertissement {
    background-image: -moz-linear-gradient(top, #fafad2, #f5f5a4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafad2), to(#f5f5a4));
    background-image: -webkit-linear-gradient(top, #fafad2, #f5f5a4);
    background-image: -o-linear-gradient(top, #fafad2, #f5f5a4);
    background-image: linear-gradient(to bottom, #fafad2, #f5f5a4);
    background-repeat: repeat-x;
    border-color: #f5f5a4 #f5f5a4 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafad2', endColorstr='#fff5f5a4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-style: solid;
    border-width: thin;
    color: #696969;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.reussite {
    background-image: -moz-linear-gradient(top, #E7F7EB, #c1eacb);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E7F7EB), to(#c1eacb));
    background-image: -webkit-linear-gradient(top, #E7F7EB, #c1eacb);
    background-image: -o-linear-gradient(top, #E7F7EB, #c1eacb);
    background-image: linear-gradient(to bottom, #E7F7EB, #c1eacb);
    background-repeat: repeat-x;
    border-color: #c1eacb #c1eacb #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffE7F7EB', endColorstr='#ffc1eacb', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-style: solid;
    border-width: thin;
    color: #696969;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/*------------ Mode d'emploi -------------*/
.modeEmploi h2 {
    background-color: #a9a9a9;
}
.labelNombreHeures {
    min-width: 161px;
}
#labelfiltre {
    margin: 0 5px 0 20px;
    padding: 0 0 6px 0;
    width: 30px;
}
#Tous, #RechercheParNumero {
    margin: 0 2px 0 20px;
    padding: 0 0 6px 0;
}
#labeltous, #labelrecherchenr {
    margin: 0 5px 0 0;
    padding: 0 0 6px 0;
}
#labeldatefin {
    margin: 0 0 0 20px;
}
#labelCommentaireFaisabilite {
    margin: 0 0 15px 0;
    padding: 0 0 6px 0;
}
#nouvellevague {
    text-align: center;
    width: 300px;
}
#kill_instance {
    text-align: center;
    width: 500px;
}
#consult_inspecteur label {
    float: left;
}
#detail_fiche label {
    float: left;
    min-width: 150px;
    clear: both;
}
label.lieunaiss {
    width: 20px;
}
label.depnaiss {
    width: 102px;
}
label.label_textarea {
    float: left;
}
label.labelmontant {
    margin: 0 0 0 130px;
}
label.observation, label.commentairerecevabilite {
    clear: both;
}

#boxfiltreleft {
    float: left;
}
#filtreleftligne2 {
    padding: 0 0 0 5px;
}
#boxfiltreleft #labelrecherchenr, #boxfiltreleft #labeltous {
    float: none;
}
#boxfiltreright {}
#boxfiltreright #bt_ag_nv_his_tab {}
#candidatbox {
    /*height: 600px;*/

    overflow: scroll;
}
#reqspecbox {
    height: 500px;
    overflow: scroll;
}
#candidatbox, #reqspecbox, #masqueadministratif {
    clear: both;
    margin: 0;
    padding: 0;
}
#identitecoordonnes label, #fichepreparatoire label, #statutdiplomesacquis label, #diplomevise label, #prestations label, #accompagnement label, #livret1 label, #transfert label {
    display: inline-block;
    text-align: right;
    min-width: 145px;
}
#choixjours, #choixheures {
    float: left;
    margin: 0 5px;
    width: 200px;
}
#choixjours ul, #choixheures ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#choixjours label {
    margin: 0 0 7px;
}

/*------- double list -------*/
.fieldsetGauche {
    width: 40%;
    float: left;
    height: 250px;
}
.div95 .fieldsetGauche {
    width: 95%;
    float: left;
    height: 200px;
}
.divCentre {
    width: 10%;
    float: left;
    text-align: center;
    padding: 7% 0px 0px 0px;
}
.divCentre2 {
    width: 12.5%;
    float: left;
    text-align: center;
    padding: 7% 0px 0px 0px;
}
.div95 .divCentre {
    width: 95%;
    float: left;
    text-align: center;
    padding: 7% 0px 0px 0px;
}
.divCentre input {
    width: 90%;
}
.div95 .divCentre input {
    width: 35%;
}
.fieldsetDroit {
    width: 40%;
    float: left;
    height: 250px;
}
.div95 .fieldsetDroit {
    width: 95%;
    float: left;
    height: 200px;
}
.fieldsetDroite {
    width: 60%;
    float: right;
    height: 250px;
}
.width95 {
    width: 95%
}

/*------- affichage planning  -------*/
table#planning td {
    text-align: left;
}
#filtrecampagne {
    background-color: #dcdcdc;
}
#filtrecampagne #labelVague, #filtrecampagne #labelVagueSel {
    margin: 0 0 0 20px;
}
#prochains_rdv {
    /*background-color: #dcdcdc;*/

    background-color: #b0e0e6;
    border-top-color: #fafad2;
    border-top-style: solid;
    border-top-width: 2px;
    font-weight: bold;
    margin: 0;
    padding: 5px 0;
}
#bt_enr_dosval_fin, #bt_enr_dosval_fin2 {
    text-align: center;
}
.displayed {
    display: inline;
}

/*______\_Feedback_/_______*/
.divFeedback {
    background-color: #ffffe0;
    padding: 5px;
    border-left: solid;
    border-right: solid;
    border-bottom: solid;
    border-color: gray;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border-width: 1px;
}
#boxFeedback {
    background: none repeat scroll 0 0 transparent;
    left: 35%;
    top: 0%;
    z-index: 5;
    position: fixed;
    white-space: nowrap;
}

/*______*_Light Box_*_______*/
.bt_close {
    float: right;
}
#filter {
    background-color: #CCCCAA;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
#lightBox {
    background: none repeat scroll 0 0;
    display: inline-block;
    left: 20%;
    padding: 3px;
    position: fixed;
    top: 5%;
    z-index: 10;
    width: 60%;
    max-height: 90%; /* Limite la hauteur pour rester dans l'écran */
    overflow-y: auto; /* Ajoute un défilement vertical si nécessaire */
}
#fsLightBox {
    background-color: white;
    border: none;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    margin: -1px 0 0 0;
    width: 95%;
    /*permet d'avoir le bouton dans la fslightbox*/
}
#fsLightBox h1, #fsLightBox h2, #fsLightBox h3 {
    margin: 0 0 0 0;
}
#fsLightBox h2 {
    padding-left: 20px;
    text-align: left;
}
#fsLightBox label {
    float: left;
    text-align: left;
    min-width: 150px;
}
#fsLightBox p.displayinline label {
    float: none;
    margin: 0 0 0 155px;
}

/************************CSS pour la lightbox des rdvs recurrents***************************/
#lightBoxRec {
    background: none repeat scroll 0 0;
    display: inline;
    left: 25%;
    padding: 3px;
    position: fixed;
    top: 10%;
    white-space: nowrap;
    z-index: 15;
}
#fsLightBoxRec {
    background-color: white;
    border: none;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: solid;
    border-color: gray;
    border-width: 1px;
    margin: -1px 0 0 0;
    /*permet d'avoir le bouton dans la fslightbox*/
}
#fsLightBoxRec h2 {
    padding-left: 20px;
    text-align: left;
}
#fsLightBoxRec label {
    float: left;
    text-align: right;
    width: 145px;
}

/************************Fin du CSS pour la lightbox des rdvs recurrents***************************/

/************************CSS pour la lightbox pour la recherche des acteurs dans les rdvs***************************/
#lightBoxRechActeurs {
    background: none repeat scroll 0 0;
    display: inline;
    left: 25%;
    padding: 3px;
    position: fixed;
    top: 10%;
    white-space: nowrap;
    z-index: 15;
}
#fsLightBoxRechActeurs {
    background-color: white;
    border: none;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: solid;
    border-color: gray;
    border-width: 1px;
    margin: -1px 0 0 0;
    /*permet d'avoir le bouton dans la fslightbox*/
}
#fsLightBoxRechActeurs h2 {
    padding-left: 20px;
}
#fsLightBoxRechActeurs label {
    /* float: left;*/

    text-align: right;
    width: 145px;
}

/************************Fin du CSS pour la lightbox pour la recherche des acteurs dans les rdvs***************************/

/************************CSS pour la lightbox pour la modification de l'observation du parcours d'un candidat***************************/
#lightBoxRdvCandObs {
    background: none repeat scroll 0 0;
    display: inline;
    left: 25%;
    padding: 3px;
    position: fixed;
    top: 10%;
    white-space: nowrap;
    z-index: 15;
}
#fsLightBoxRdvCandObs {
    background-color: white;
    border: none;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: solid;
    border-color: gray;
    border-width: 1px;
    margin: -1px 0 0 0;
    /*permet d'avoir le bouton dans la fslightbox*/
}
#fsLightBoxRdvCandObs h2 {
    padding-left: 20px;
}
#fslightBoxRdvCandObs label {
    /* float: left;*/

    text-align: right;
    width: 145px;
}
#filter2 {
    background-color: #B7B799;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

/************************Fin du CSS pour la lightbox pour la modification de l'observation du parcours d'un candidat***************************/

/************************ CSS pour la lightbox de l'espace de travail ***************************/
#lightBoxRdvET {
    background: none repeat scroll 0 0;
    display: inline;
    left: 25%;
    padding: 3px;
    position: fixed;
    top: 10%;
    white-space: nowrap;
    z-index: 15;
}
#fsLightBoxRdvET {
    background-color: white;
    border: none;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: solid;
    border-color: gray;
    border-width: 1px;
    margin: -1px 0 0 0;
    /*permet d'avoir le bouton dans la fslightbox*/
}
#fsLightBoxRdvET h2 {
    padding-left: 20px;
}
#fslightBoxRdvET label {
    /* float: left;*/

    text-align: right;
    width: 145px;
}
#filter {
    background-color: #B7B799;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

/************************ Fin du CSS pour la lightbox de l'espace de travail ***************************/
#divFichesCand label {
    float: none;
    /* pour afficher la case absent correctement */
}
.autocompletion {
    background-color: #95BAD5;
    color: black;
    float: right;
    font-size: 12px;
    font-weight: normal;
    margin: -20px 0 0 0;
    text-align: left;
}

/* ----- exception --------*/
#titreselect_jury_com {
    -moz-border-radius: 0 0 5px;
    -khtml-border-radius: 0 0 5px;
    -webkit-border-radius: 0 0 5px;
    border-radius: 0 0 5px;
}
#titreseanceaccompagnement {
    width: 600px;
}
#centerRequete {
    margin: auto;
    width: 400px;
    line-height: 2.5;
}
form {
    /*background-color: #dcdcdc;
    background-color: #edfacd;*/

    margin: 5px 0;
    padding: 5px 0;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.scrollbarList {
    float: left;
    width: 12em;
}
#divPermissionsModule {
    float: right;
}
#divPermissionsModule>form {
    background-color: transparent;
}
#lstConv form input, #lstConv form select {
    margin: 0 15px 0 2px;
}
#lstBugs form input, #lstBugs form select {
    margin: 0 10px 0 2px;
}
#detaildiplome, #insc_accad, #bornes_dates {
    width: 500px;
}
#contenufinanceur, #formulaire_seance_acc {
    width: 600px;
}
#recherche_prof, #recherche_diplome, #GestionGroupesUsers, #historique {
    width: 800px;
}
#nom_groupe {
    display: inline;
}
#accompagnementligne1 label {
    margin: 0px;
    text-align: left;
}
#detaildiplome label {
    text-align: right;
    width: 110px;
    display: inline-table;
}
#detaildiplome span {
    font-weight: bold;
    margin: 0 0 0 10px;
    width: 300px;
}
#detaildiplome div .comm {
    margin: 0 0 0 10px;
    width: 100px;
}
#requetedispo {
    height: auto;
}
#datecreation, #exports, #requetespecifiques, #requetespersos, #listes, #divDates, #divFiltres {
    /*background-color: #dcdcdc;*/

    background-color: #DDE8FF;
    float: left;
    height: auto;
    margin: 5px;
    padding: 0 0 5px 0;
    width: 210px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#listes {
    width: 33%;
}
#listes li {
    cursor: pointer;
}

#listes li.active { color: red; }

#divCriteres {
    float: left;
    height: 100px;
    margin: 0px;
    padding: 0px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#datecreation h2, #exports h2, #requetespecifiques h2, #requetespersos h2, #listes h2, #divCriteres h2, #divDates h2, #divFiltres h2 {
    margin: -5px 0 0 0;
}
#datecreation ul, #exports ul, #requetespecifiques ul, #requetespersos ul, #listes ul {
    /*margin: 0 0 0 -15px;*/
}
#frm_detail_candidat p label {
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
    min-width: 200px;
    text-align: right;
}
#choix_dip_ac, #choix_acad_an, #choix_acad_dip_an {
    margin: 0 0 20px 0;
}
#enquete62box label {
    text-align: right;
}
#DroitsSaec label {
    margin: 0 20px 0 0;
    padding: 0 0 4px 0;
}
#etatcivilligne1 {
    background-color: #bdb76b;
    margin: 5px;
    padding: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#GestionGroupesUsersLigne2 {
    text-align: center
}
#cocher_etapes {
    margin: 0 0 0 130px;
}
#cocher_etapes label {
    float: none;
    padding: 0 0 5px 0;
}
table#lieux_intervention td, table#liste_type_diplome_session td, table#liste_acteur_rdv td {
    background-color: transparent;
    border-style: none;
    text-align: left;
}
table#table_liste_factures, table#table_liste_conventions {
    margin: 0 0 20px 0;
}
#codeacces label {
    float: left;
    margin: 0 5px 0 20px;
    min-width: 240px;
    padding: 0 0 5px 0;
}
.label_param {
    float: left;
    margin: 0 5px 0 20px;
    min-width: 220px;
    padding: 0px;
}
#rappeletatcivil {
    margin: 10px;
    text-align: center;
}
#conventionnement {
    margin: 10px;
}
#droitsagendaligne1 {
    margin: 5px 0;
}
#diplomeviseligne1, #diplomeviseligne2, #diplomeviseligne3, #diplomeviseligne4, #diplomeviseligne5, #prestationsligne1, #prestationsligne2 {
    height: 25px;
    margin: 0;
    padding: 0;
}
#loading, #financeurbox, #subrogationbox, #diplomebox, #diplome1box, #box_convention, #box_convention1, #idmodele, #spec0, #spec1 {
    display: inline;
}

/* v_recherche_prof */
#choix_diplome>div {
    display: inline;
}
#facturation {}
#facturation1, #facturation2, #facturation3, #reversement1, #reversement2, #reversement3 {
    float: left;
    width: 33%;
}
#facturation1 p, #facturation2 p, #facturation3 p, #reversement1 p, #reversement2 p, #reversement3 p {
    margin: 0;
    padding: 0;
}
#facturation1 label, #facturation2 label, #facturation3 label, #reversement1 label, #reversement2 label, #reversement3 label {
    float: left;
    margin: 0 0 0 20px;
    padding: 0 0 5px 0;
}
.bt_imprime_facturation {
    margin: 0 0 0 20px;
}
#tableauconventioncadrerecap, #tableauconvention_incluse, #table_liste_conventions, #tableconventioncadredetail {
    margin: 0 0 0 20px;
    width: 95%;
}
#prestations {}
#prestationsligne1 label {
    margin: 0 0 0 20px;
    padding: 0 0 5px 0;
}
#choixcriteresligne1, #choixcriteresligne2, #choixcriteresligne3 {
    padding-bottom: 2px;
}
#choixcriteresligne4 label {
    margin: 0 0 0 0px;
    padding: 0 0 5px 0;
}
.div_bt_radio {
    float: left;
    margin: 0 0 0 40px;
    padding: 0px;
    min-width: 230px;
}
.div_bt_radio p {
    height: 10px;
}
.barre {
    font-style: italic;
    text-decoration: line-through;
}
.rouge {
    color: #cc0000;
}
.vert {
    color: green;
}
.blue {
    color: blue;
}
.orange {
    color: #FFA500;
}
li.nopuce {
    list-style: none;
}
#identifiant {
    margin: 0 0 0 10px;
    font-weight: normal;
}
#plages {
    display: none;
}
#reunionsdisponibles tr {
    color: blue;
}
#reunionsdisponibles_lieu {
    width: 300px;
}
#reunionsdisponibles_lieu2 {
    width: 50px;
}
#reunionsdisponibles_date {
    width: 70px;
}
#reunionsdisponibles_debut {
    width: 40px;
}
#reunionsdisponibles_fin {
    width: 40px;
}
#reunionsdisponibles_intervenant {
    width: 220px;
}
#reunionsdisponibles_disponibilite {
    width: 220px;
}
#seanceaccompagnement label {
    float: left;
    padding: 0 0 0 10px;
}
#accompagnementligne1 label {
    margin: 0 15px 0 0;
}
label#finacc, label#datefinacc, label#datedecisionacc {
    margin: 0 0 0 20px;
}
#conventionmasqueligne3 label {
    float: left;
}
#choixcomjury {
    display: inline;
}
#divResult {
    clear: both;
}
#divstatsbug {
    width: 300px;
}
#nbcandidats {
    float: right;
    font-weight: bold;
    margin: -10px 0 0 0;
}
.normal {
    font-weight: normal;
}
.borderleft {
    border-left: 1px solid #A9A9A9;
}
.floatleft {
    float: left;
}
.floatright, .legende {
    float: right;
    text-align: left;
}
.floatright_n {
    float: right;
    margin: -15px 0;
}
.floatnone {
    float: none;
}
.listestylenone {
    list-style: none;
}
.retrait {
    margin: 0 0 0 20px;
}
.retraitreproduire {
    margin: 0 0 0 360px;
}
.famillechamps {
    float: left;
    margin: 0 0 0 5px;
    width: 190px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #DDE8FF;
}
.famillechamps label {
    margin: 0px;
}
.bornes_dates {
    float: left;
    min-width: 250px;
    text-align: center;
}
#requeteligne4 {
    clear: both;
    margin: 10px 0 0 0;
}
.c10 {
    width: 10px;
}
.c15 {
    width: 15px;
}
.c25 {
    width: 25px;
}
.c30 {
    width: 30px;
}
.c40 {
    width: 40px;
}
.c50 {
    width: 50px;
}
.c60 {
    width: 60px;
}
.c70 {
    width: 70px;
}
.c80 {
    width: 80px;
}
.c90 {
    width: 90px;
}
.c100 {
    width: 100px;
    background-color: green;
}
.c150 {
    width: 150px;
}
.c170 {
    width: 170px;
}
.c190 {
    width: 190px;
}
.c400 {
    width: 400px;
}
.c420 {
    width: 420px;
}
.c480 {
    width: 480px;
}
.c500 {
    width: 500px;
}
.c770 {
    width: 770px;
}
.c800 {
    width: 800px;
}
.c1024 {
    width: 1024px;
}

#lstFichesCandConvention, #lstConventionsConvCadre {
    list-style-type: none;
}
#lstFichesCandConvention, #lstConventionsConvCadre {
    background-color: #fffacd;
    width: 30%;
}
#lstFichesCand {
    list-style-type: none;
    margin: 0 0 0 -25px;
}
.autoCompListeConv #lstFichesCand {
    list-style-type: none;
    margin: 0 0 0 10px;
}
#lstFichesCand li:hover {
    background-color: #BDBDBD;
}
#resultAutoCompFicheCand, #resultAutoCompAccompagnateur {
    background-color: #dcdcdc;
    margin: 0 0 0 150px;
    width: 200px;
    /*position: fixed;*/
}
.hide {
    display: none;
}
.show {
    display: block;
}
.centershow {
    text-align: center;
    display: block;
}
.pointer {
    cursor: pointer;
}
.clickable {
    cursor: pointer;
}
.users {
    font-size: 9px;
    color: #00008b;
}
.acteurs {
    font-size: 9px;
    font-style: italic;
    color: #00008b;
}
a.absent {
    color: #cc0000;
}
.nolist {
    list-style-type: none;
    margin: 10px 0 0 5px;
    float: none;
}
.nolistActeur {
    list-style-type: none;
    margin-left: 300px;
    margin-top: -20px;
    /*float: none;*/
}
.lineSelected {
    background-color: #95BAD5;
}
.severe {
    color: #FF0004;
}
.m35 {
    margin: 35px 15px 0 15px;
}
.m25 {
    margin: 25px 15px 0 15px;
}
#membres_potentiels {
    float: left;
}
#bt_ajout_retrait {
    float: left;
}
#membres_jury, #membres_formation {
    float: right;
}
.titretd {
    background-color: #40e0d0;
    font-weight: bold;
    text-align: left;
}
.saisienouveaucandidat {
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 130px;
}
.alphabet {
    /*background-color: #dcdcdc;*/

    margin: 5px 0 0 0;
    padding: 0;
}
.pdf {
    background-image: url(../images/dialog/pdf.png);
    background-repeat: no-repeat;
    margin: 2px;
    padding: 2px 0 0 18px;
}
.doc {
    background-image: url(../images/dialog/doc.png);
    background-repeat: no-repeat;
    margin: 2px;
    padding: 2px 0 0 18px;
}
.xls {
    background-image: url(../images/dialog/xls.png);
    background-repeat: no-repeat;
    margin: 2px;
    padding: 2px 0 0 18px;
}
.bouton {
    background-image: url(../images/fonds/fond_bt.png);
    background-repeat: repeat-x;
    border-color: #848484;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
a.bouton:hover {
    background-image: url(../images/fonds/fond_bt_hover.png);
    border-color: #3C7FB1;
}
a.bouton:active {
    background-image: url(../images/boutons/brun_enfonce.jpg);
    border-style: inset;
}
.boutons {
    font-size: 6px;
    margin: -1px;
    padding: 0px;
    width: 21px;
}
.boutons.newsletter {
    width: 75px;
}
.boutons.nouveau {
    width: 68px;
}
.boutons.nouveausondage {
    width: 125px;
}
.boutons.tous {
    width: 45px;
}
.boutons.trente {
    width: 30px;
}
.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}
.selected, .selected>a {
    color: #80ac00;
    font-weight: bold;
}
.horsdelai {
    background-color: #ff6347;
}
.errone {
    background-color: orange;
}
.abroge {
    color: #b22222;
}
.fin {
    color: #ff4500;
}
.disable {
    color: #a9a9a9;
}
.bleugras {
    color: #0099cc;
    font-weight: bold;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.rupture {
    background-color: #6495ed;
    font-size: large;
    text-align: right;
}
.inline {
    display: inline;
}
.titreidentitecoordonnees {
    font-size: 12px;
    font-weight: bold;
}
.titre {
    background-image: -moz-linear-gradient(top, #c7261f, #9b1e19);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c7261f), to(#9b1e19));
    background-image: -webkit-linear-gradient(top, #c7261f, #9b1e19);
    background-image: -o-linear-gradient(top, #c7261f, #9b1e19);
    background-image: linear-gradient(to bottom, #c7261f, #9b1e19);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc7261f', endColorstr='#ff9b1e19', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: white;
    font-weight: bold;
    margin: 5px 0;
    padding: 5px 0;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.prochain {
    background-color: #95BAD5;
    color: white;
    font-weight: bold;
    margin: 10px 0;
    padding: 5px 0;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.important {
    color: #cc0000;
}
.important-fond {
    background-color: #ff6060;
}
.connexion {
    background-color: #fafad2;
}
.fenetre600 {
    margin: 5px;
    width: 600px;
}
.texte_commentaire {
    background-color: #f5f5dc;
    font-style: italic;
    margin: 0 0 10px 35px;
}
tr.tbocreclair-centre td {
    background-color: #F2E8DB;
    font-size: 10px;
    text-align: center;
}
tr.tbjauneclair-centre td {
    background-color: #FFF6A0;
}
img #bt_cal_datedebut, img #bt_cal_datefin, img #bt_cal_dateenvoidevist, img #bt_cal_dateretourdevis, img #bt_cal_datefiltre, {
    cursor: pointer;
}
img #exit {
    height: 37px;
    margin: 0px 0 0 0;
    padding: 10px 0 0 0;
    cursor: default;
}

/*------------------- autocomplétion ---------------*/
.suggestionsBox {
    position: relative;
    top: 5px;
    left: 150px;
    margin: 0px 0px 0px 0px;
    width: 250px;
    background-color: #638B2E;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    color: #fff;
}
.suggestionsBoxRdvColl {
    position: relative;
    top: 5px;
    left: 90px;
    margin: 0px 0px 5px 0px;
    width: 300px;
    background-color: #638B2E;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    color: #fff;
}
.suggestionList {
    margin: 0px;
    padding: 0px;
}
.suggestionList li {
    cursor: pointer;
    list-style: none;
    margin: 0px 0px 3px 0px;
    padding: 3px;
}
.suggestionList li:hover {
    background-color: #659CD8;
}
.positionfleche {
    position: relative;
    top: -13px;
    left: 30px;
}

/*----------------- enquête 62 ----------------------*/
#affiche_enquete62 {
    margin: 0 0 20px 0;
}
#enquete62_1 label {
    margin-bottom: 5px;
    margin-top: 5px;
    display: inline;
}
#enquete62_1 .ligne {
    text-align: right;
}
#enquete62_1 .calcul {
    display: inline-block;
    width: 73px;
    border: 1px solid silver;
    padding: 1px 0;
    text-align: center;
    margin-left: 7px;
    border-radius: 5px;
}
#enquete62_1 input[type="text"] {
    border-width: 1px;
    font-size: 1em;
    margin-left: 7px;
    width: 73px;
    padding: 1px 0;
}
#enquete62_1 input[type="text"].textelong {
    border-width: 1px;
    font-size: 1em;
    margin-left: 7px;
    width: 157px;
    padding: 1px 0;
}
#enquete62_1 .labelDoubleColonne {
    float: right;
    margin: 5 5px;
    text-align: right;
    width: 990px;
    font-weight: bold;
}
#enquete62_1 .labelforlonginput {
    float: right;
    margin: 5 5px;
    text-align: right;
    font-weight: bold;
    width: 990px;
}
#enquete62_1 div div label {
    float: left;
    margin: 5 5px;
    text-align: right;
    width: 135px;
}

/*
#enquete62_1 input[type="text"]:disabled
{
    color: #696969;
    background-color: red;
    font-size: 1em;
    margin : 2px;
}*/
#enquete62_1 input.invisible {
    background-color: #D8F898;
    border-color: #D8F898;
    text-align: center;
    font-weight: bold;
    width: 145px;
}
.right_enq {
    padding: 0 90px 0 0;
    text-align: right;
}
.titre_droite {
    margin: 0 auto;
    float: right;
    display: table-cell;
    width: 180px;
    padding: 5px;
    height: 20px;
    font-weight: bold;
}
.obligatoire {
    background-color: #fa8072;
}
.enq62 {
    background-color: #c8a0bb;
}
.enquete62_chkbox {
    margin-left: 7px;
}
.enquete62_chkbox_center {
    margin-left: 7px;
}
#fieldsetGestPers {
    width: 30%;
    float: left;
}
#fieldsetGroupesParents {
    width: 45%;
}
#fieldsetGroupesEnfants {
    width: 45%;
}

/*-------------------- ancien --------------------*/
.blancgras {
    COLOR: #ffffff;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
}
.blancgras10 {
    COLOR: #ffffff;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
}
.blancgras11 {
    COLOR: #ffffff;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
}
.blanc10 {
    COLOR: #ffffff;
    FONT-SIZE: 10px;
    FONT-WEIGHT: none;
}
.blanc9 {
    COLOR: #ffffff;
    font-size: 10px;
    FONT-WEIGHT: none;
}

/* textes courants
   --------------- */
.texte {
    FONT-SIZE: 10px;
}
.texte-droite {
    font-size: 10px;
    text-align: right;
}
.texte-centre {
    FONT-SIZE: 10px;
    TEXT-ALIGN: center;
}
.texte_marge {
    margin: 20px;
    FONT-SIZE: 9px
}
.texte9 {
    FONT-FAMILY: Verdana, "Trebuchet MS", Verdana, Arial, Helvetica;
    font-size: 10px;
}
.texte9bis {
    FONT-FAMILY: Arial narrow, "Trebuchet MS", Verdana, Arial, Helvetica;
    FONT-SIZE: 10px;
}
.textersoul {
    COLOR: #990000;
    FONT-SIZE: 10px;
    TEXT-DECORATION: underline
}
.textefond {
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #DDE8FF;
}
.textefond-droit {
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #DDE8FF;
    TEXT-ALIGN: right;
}
.textefond-centre {
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #DDE8FF;
    TEXT-ALIGN: center;
}
.textefond9 {
    font-size: 10px;
    BACKGROUND-COLOR: #DDE8FF;
}
.textefond9-droit {
    font-size: 10px;
    BACKGROUND-COLOR: #DDE8FF;
    TEXT-ALIGN: right;
}
.textefond9-centre {
    font-size: 10px;
    BACKGROUND-COLOR: #DDE8FF;
    TEXT-ALIGN: center;
}
.textefondorange {}
.textefondclair {
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #E0EEFF;
}
.textefondblanc {
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #FFFFFF;
}
.fondblanc-centre {
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: center;
}
.textefondjaune-centre {
    FONT-SIZE: 10px;
    TEXT-ALIGN: center;
    BACKGROUND-COLOR: #FFFF00;
}

/* cadres divers
   -------------  */
.encadre {
    FONT-SIZE: 10px;
    ;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    padding: 1px;
}
.encadre_date_requete {
    border-style: solid;
    border-width: 1px;
    border-color: black;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    padding: 1px;
    text-decoration: none;
    width: 550px;
}
.encadre_fond {
    FONT-SIZE: 10px;
    ;
    border-style: solid;
    border-width: 1px;
    border-color: #6699cc;
    padding: 3px;
    background-image: url(../images/fonds/fond_entree.jpg);
}
.encadre_gris {
    FONT-SIZE: 10px;
    ;
    border-style: solid;
    border-width: 1px;
    border-color: #b6b6b6;
    padding: 1px;
}
.encadre_gris_centre {
    FONT-SIZE: 10px;
    ;
    border-style: solid;
    border-width: 1px;
    border-color: #b6b6b6;
    padding: 1px;
    text-align: center;
}
.encadre_gris_blanc {
    FONT-SIZE: 10px;
    ;
    border-style: solid;
    border-width: 1px;
    border-color: #b6b6b6;
    padding: 1px;
    background-color: #ffffff;
}
.cadre_jaune {
    FONT-SIZE: 10px;
    ;
    BACKGROUND-COLOR: #FFFF66;
    border-style: solid;
    border-width: 1px;
    border-color: #b6b6b6;
    padding: 1px;
}
.cadre_brun {
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #FFE6A4;
    FONT-WEIGHT: none;
    border-style: solid;
    border-width: 1px;
    border-color: #FF9900;
    padding: 1px;
}
.fond_agenda {
    FONT-SIZE: 7pt;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCC99;
    background-color: #ffffcc;
    padding: 2px;
}
.fond_titre_agenda {
    FONT-FAMILY: Tohama, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 7pt;
    COLOR: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCC99;
    background-color: #9e0219;
    padding: 2px;
    text-align: center;
}
.ressources {
    FONT-SIZE: 10px;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    padding: 1px;
    width: 770;
    height: 500;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
}

/* affichage de l'aide
   ------------------- */
#boutonaide {
    float: right;
    margin: 0 5px;
}
.aide, .aideright {
    border-width: 1px;
    border-style: solid none solid none;
    border-color: #3366CC;
    background-color: #f2f2f2;
    color: #3366CC;
    list-style-image: url(../images/boutons/flecheorange.png);
    list-style-position: inside;
    padding: 6px;
}
.aideright {
    float: right;
    margin: 10px 0;
    width: 275px;
}
.boutons_OK_Fermer {
    text-align: center;
}
.fieldsetJury {
    width: 94%;
}
.boutonMvt {
    width: 150px;
}
#fieldMembresJury, #fieldMembresPotentiels {
    width: 38%;
}
#fieldMembresJury select, #fieldMembresPotentiels select {
    width: 98%;
}
select .obsolete {
    color: darkred;
}
.formMembreJury label {
    margin: 0 0 0 10px;
    padding: 0;
    min-width: 145px;
    text-align: right;
    vertical-align: middle;
}
.autoCompListe {
    background-color: #D8D8D8;
    height: 100px;
    overflow: auto;
    width: 350px;
}
.autoCompListeConv {
    background-color: white;
    height: 100px;
    overflow: auto;
    width: 350px;
}
#resCompCommunes {
    position: absolute;
    margin: -15px 0 0 0px;
    padding: 0px;
}
#resCompCommunes li {
    list-style: none;
}
.dispense {
    color: red;
}
.validee {
    font-weight: bold;
}
.ligneEpreuve {
    border-style: solid;
    border-width: thin;
    margin: 5px 0;
    padding: 0 2px;
    background-color: gray;
}
#divDroitsChampsGroupe {
    margin-left: 15em;
}
#divDroitsChampsUser {
    margin-left: 21em;
}
#divVerifRec {
    overflow: auto;
    max-height: 200px;
}
#divLstModulesAide {
    position: relative;
    float: left;
    width: 40%;
    height: 100px;
}
#divLstModulesAide ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#divLstModulesAide li li {
    list-style-type: none;
    margin: 0px;
    padding: 0 0 0 5px;
}
#divAide {
    position: relative;
    width: 60%;
    float: right;
}
#divNouvAide {}
li>span>img {
    height: 20px;
}
.scrollableList {
    height: 100px;
    overflow: auto;
}
.scrollableList90 {
    height: 150px;
    overflow: auto;
    font-size: 0.9em;
}
.scrollableList50 {
    display: inline;
    overflow: auto;
    font-size: 0.9em;
}
.div960 {
    width: 960px;
    float: left;
}
.leftobservation {
    float: left;
    margin: 0 0 0 50px;
}
.scrollableList200 {
    height: 200px;
    overflow: auto;
}
.floatnone {
    float: none;
}
#HA label {
    float: none;
}
.duplication {
    width: 32px;
    height: 32px;
    border: solid;
    border-width: 1px;
}
.duplicationDip {
    border: none;
    background: transparent;
    background-image: url(../images/boutons/duplication_dip.png);
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0 0 0 18px;
}
.apercuImg {
    max-width: 50px;
    max-height: 50px;
    position: relative;
}
.superposition {
    position: absolute;
    z-index: 2;
}
.apercuImg2 {
    max-width: 100px;
    max-height: 100px;
}
.maxImg {
    max-width: 500px;
    max-height: 500px;
    z-index: 100;
}
.reqListes li:hover {
    color: darkred;
}
.fontsize20 {
    margin-top: 5px;
    font-size: 15px;
}
.w175 {
    width: 175px;
}
.w200 {
    width: 200px;
}
.w275 {
    width: 275px;
}
.minw275 {
    width: 250px;
    min-width: 250px;
    max-width: 10px;
    /* permet d'avoir la largeur maximale d'un élément */
}
.w60 {
    width: 60px;
}
.w40 {
    width: 40px;
}
#divActeurs {
    width: 300px;
}
.showAide {
    border: solid;
    border-width: 1px;
    border-color: #ABCDEF;
    color: black;
    padding: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.h1Rdv {
    background-color: #6F98AC;
    color: white;
    font-weight: bold;
    text-align: center;
}
.autocompletionRdv {
    color: black;
    float: right;
    font-size: 12px;
    font-weight: normal;
    /*margin: -20px 0 0 230px;*/

    text-align: left;
}
input[type="submit"].btValiderRdv, input[type="button"].btValiderRdv {
    background: url(../images/flat_disquette.png);
    background-repeat: no-repeat;
    color: white;
    cursor: pointer;
    margin: 0 0px;
    padding: 20px;
    -moz-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    position: relative;
    border: none;
    margin: 0 auto 0 0;
    text-indent: -99999px;
    width: 25px;
}

/* A corriger */

/*input[type="submit"].btValiderRdv:active,
input[type="button"].btValiderRdv:active {
    background: url(../images/flat_disquette_active.png);
}*/
#ulAutoCompActeurs {
    background-color: #ddd;
    color: black;
    font-size: 12px;
    font-weight: normal;
    list-style-type: none;
    margin: 0px 0 0 180px;
    position: fixed;
    text-align: left;
    width: 150px;
}
#ulAutoCompActeurs li {
    margin: 0 0 0 -30px;
}
.h50 {
    height: 50px;
}
.h30 {
    height: 30px;
}
.h175 {
    height: 175px;
}
.h400 {
    height: 400px;
}
.h500 {
    height: 500px;
}
.h600 {
    height: 600px;
}
.w200 {
    width: 200px;
}
.w300 {
    width: 300px;
}
.w340 {
    width: 340px;
}
.w400 {
    width: 400px;
}
.w500 {
    width: 500px;
}
.w600 {
    width: 600px;
}
.w700 {
    width: 700px;
}
.w30 {
    width: 30px;
}
.w15 {
    width: 15px;
}
.superposition {
    z-index: 2;
    float: left;
}
.bam {
    background-color: #e7f7eb;
    z-index: 200;
    position: fixed;
    width: 275px;
    cursor: pointer;
    padding: 10 10px;
    position: fixed;
    border: none;
    margin: 0 auto;
    bottom: 20px;
    right: 20px;
}
.inactif {
    color: #b22222;
    text-decoration: line-through;
}
.bordersolid {
    border: solid;
}
#divGed, #divResRecherche {
    float: left;
    font-size: 12px;
    width: 75%;
}
.fieldsetGed {
    width: 175px;
    height: 175px;
}
.divGedFieldset {
    font-size: 12px;
    height: 165px;
    overflow: scroll;
    width: 175px;
}
.puceDroite {
    list-style-image: url(../images/boutons/bt_suiv.png);
}
.puceBas {
    list-style-image: url(../images/boutons/bt_bas.png);
}
.puce {
    width: 15px;
    height: 15px;
}
.liststylenone span:hover {
    background-color: #537281;
    color: #fff;
}
.liststylenone {
    list-style-type: none;
}
.liststylenone:hover img {
    display: inline;
}
.fse {
    color: white;
    background-color: #CC0000;
    padding: 0 5px;
    text-align: center;
}
.juryadistance {
    background-color: #95BAD5;
}
.bilan {
    background-color: #C1F6C1;
}

/* réccup de style.css de Central */

.formComment {
    color: #5C5C5C;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.myButton {
    background-color: #DCDCDC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: #2F332E;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-family: Arial;
    font-size: 1.1em;
    padding: 3px 6px;
    text-decoration: none;
    text-shadow: 0px 0px 0px #2f6627;
}
.myButton:hover {
    background-color: #F7F7F0;
    color: #000000;
}
.myButton:active {
    background-color: #c0c0c0;
    position: relative;
    top: 1px;
}
.labelhover:hover {
    background-color: grey;
    color: white;
}
.fleche {
    color: #6F98AC;
    font-size: 25px;
    font-weight: bold;
    vertical-align: middle;
}
#divLstActivites, #divLstMarqueurs {
    cursor: pointer;
    position: fixed;
    top: 150px;
}
#divLstActivites {
    left: 0px;
}
#divLstMarqueurs {
    right: 0px;
    width: 25%;
    height: 600px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#divLstMarqueurs li.item:hover {
    color: red;
    font-weight: bold;
}
.nolistActivite, .nolistMarqueur {
    background-color: white;
    border-color: #6F98AC;
    border-style: solid;
    border-width: 1px;
    float: none;
    list-style-type: none;
    margin: 0 10px 0 0;
    /*width:130px;*/
}
.nolistMarqueur {
    height: 100%;
    overflow-y: scroll;
}
.plus, .moins {
    color: #6F98AC;
    font-size: 16px;
    font-weight: bold;
}
.plus:hover, .moins:hover {
    color: #537281;
    font-size: 16px;
    font-weight: bold;
}
.divGedFieldset ul {
    margin: 0 0 10px 10px;
}
.imghover {
    border: 1px solid transparent;
    height: 20px;
}
.imghover:hover {
    border: 1px solid #6F98AC;
}
.docVersionsPrec {
    background-image: url('../images/fonds/hachures.png');
    background-repeat: repeat-x;
}

#divMenu {
    top: 30px;
    font-size: 12px;
}
#boxMenuUp, #boxMenuDown {
    background-color: #a9a9a9;
    color: white;
    cursor: pointer;
    margin: 0 10px;
    padding: 0 10px;
    /*-moz-border-radius: 0 0 5px 5px;*/

    -khtml-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    position: fixed;
    margin: 0 auto 0 120px;
    top: 0px;
    right: 0px;
}
#divDecallage {
    height: 110px;
}
h4.organisation {
    color: #4682b4;
}
h4.emploi {
    color: #228b22;
}
h4.activite {
    color: #a52a2a;
}
.organisation {
    background-color: #d8dfef;
}
.emploi {
    background-color: #d7ffd7;
}
.activite {
    background-color: #f7d8d8;
}
.bigbold {
    font-size: 200%;
    font-weight: bold;
}
#charte-deontologique {
    margin-top: 90px;
    color: grey;
    text-align: left;
}
#fieldsetCourrier {
    width: 97%;
}
#fieldsetCourrier .critere {
    width: 97%;
}
#fieldsetCourrier .critere select {
    width: 180px;
    vertical-align: top;
    margin: 0;
}
#fieldsetCourrier .critere label {
    width: 180px;
    display: block;
    float: left;
}
#fieldsetCourrier .critere select#taIdDiplome {
    resize: both;
    width: 320px;
}
#fieldsetCourrier .critere .courrier-aide {
    font-weight: normal;
    font-style: italic;
}
#fieldsetCourrier p {
    margin-top: 3px;
    margin-bottom: 0px;
}
.critere-colonne p {
    float: left;
    margin-right: 10px;
}
#courrier-exemple img {
    border: 1px solid black;
}
#courrier-exemple {
    float: right;
}
table#courrier-soustab td {
    border: none;
}
.back-grey {
    background-color: #D8D8D8;
}
.back-red {
    background-color: #F78181;
}
.back-green {
    background-color: #9FF781;
}

.decalage_defaut {
  margin-left: 10%;
}

 /* Style the buttons that are used to open and close the accordion panel */
 .accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-top: 20px;
  }
  
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .accordion:hover {
    background-color: #ccc;
  }
  
  /* Style the accordion panel. Note: hidden by default */
  .panel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  } 

  /* Style the toggle arrows for sorting*/
  .toggle-arrow-sort {
    cursor: pointer;
  }