html {
    height: 100%;
}

body {
    font-family: Arial, sans-serif;
    font-size: 12px;
    display: table;
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

pre {
    clear: both;
}

h1 {
    color: #dd2334;
    font-size: 32px;
    line-height: 32px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    margin: 10px 0 10px 0;
    clear: both;
}

h2 {
    color: #de4881;
    font-size: 25px;
    line-height: 25px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    margin: 10px 0 10px 0;
    clear: both;
}

h3 {
    color: #f17c7b;
    font-size: 18px;
    line-height: 18px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    margin: 10px 0 10px 0;
    clear: both;
}

h4 {
    float: left;
    clear: both;
    font-weight: normal;
    text-decoration: underline;
}

span, a {
    line-height: 12px;
}

ul li h1, ul li h2, ul li h3, ul li h4 {
    display: inline-block;
}

ul+h4 {
    margin-top: 15px;
}

table {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

tr.group, tr.group:hover {
    background-color: #ded3cc !important;
    font-weight: bold;
}

table#no_style tr:hover {
    background: none;
}

table#no_style tr td {
    border: none;
}

table.no_style tr, table.no_style tr:hover, table.no_style tr:nth-child(odd) {
    background: none !important;
}

a {
    color: #2962bc;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

ul {
    list-style-type: square;
    list-style-position: inside;
}

div#wiki fieldset {
    padding: 7px 10px 9px 10px;
    margin-bottom: 40px;
}

div#wiki fieldset legend {
    font-weight: bold;
    font-size: 18px;
}

legend {
    margin: 0 0 0 20px;
}

iframe {
    width: 100%;
    display: table;
    z-index: -1;
    border: none;
}

iframe#conges {
    position: fixed;
    z-index: 1;
    left: 0;
}

.center {
    text-align: center;
}

.avatar {
    max-height: 130px;
    max-width: 100px;
}

.force-show-block {
    display: block !important;
}

*::-moz-placeholder {
    color: #2b2a28;
}

img.mail {
    margin: 3px 5px 0 0;
    float: left;
    clear: both;
}

a.send_mail_to {
    float: left;
    padding-bottom: 2px;
}

a.fiche_info_user {
    position: relative;
}

a.fiche_info_user:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    right: -20px;
    width: 16px;
    background-image: url('../images/fiche_info_user.png');
    background-repeat: no-repeat;
    top: 2px;
}

div#fancybox_user_info table tr td {
    border: none;
}

div#fancybox_user_info img {
    margin-right: 10px;
    max-height: 100px;
    float: left;
}

div#fancybox_user_info img+div {
    float: left;
}

div#fancybox_user_info div p {
    margin-bottom: 10px;
}

div#fancybox_user_info div label {
    font-weight: bold;
}

div#fancybox_user_info table tr:nth-child(even) {
    background-color: white;
}

span#date_maj {
    float: right;
    margin: -50px 0 0 0;
}

a.aide {
    float: right;
    cursor: pointer;
    margin: 4px 0 0 3px;
}

legend a.aide {
    float: right;
}

a.aide img {
    width: 16px;
}

p.doc_manquant {
    background-color: rgba(255, 0, 0, 0.5);
    border: 1px solid #e1e1e8;
    color: red;
    position: absolute;
    z-index: -1;
}

hr {
    float: left;
    width: 100%;
    margin: 20px 0;
    border-top: 1px solid #e1e1e8;
    border-left: none;
    border-bottom: none;
    border-right: none;
}

div#calendar hr {
    float: none;
    width: auto;
    margin: 0;
}

div#encart_top {
    width: 100%;
    font-size: 11px;
    background-color: #d9edf7;
    color: #245269;
    border: 1px solid #bce8f1;
    margin: 20px 0;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#encart_top_error {
    width: 100%;
    font-size: 11px;
    background-color: #f2dede;
    color: #c0445f;
    border: 1px solid #ebccd1;
    margin: 20px 0;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#barre_bot {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    left: 0;
    border-top: 1px solid #e1e1e8;
    background: #f0f0f0;
    display: table-row;
}

div#barre_bot a {
    float: right;
    margin: 8px 0 0 0;
}

div#barre_bot span:not(#nb) {
    margin: 8px 10px 0 10px;
    float: right;
    color: #2962bc;
}

div#barre_bot span#nb {
    float: right;
    margin: 8px 10px 0 5px;
}

div#barre_bot a:first-child {
    margin-right: 10px;
}

h3#h3_info {
    margin: 0 0 10px 0;
    display: none;
}

div#information {
    width: 100%;
    max-height: 100px;
    background-color: white;
    border: 1px solid #e1e1e8;
    box-sizing: border-box;
    display: none;
    font-size: 11px;
    height: auto;
    margin: 0 0 20px 0;
    overflow-y: scroll;
    padding: 5px;
}

#filtres #select_unselect {
    clear: none;
    margin: 4px 20px 0 0;
}

#select_unselect {
    float: right;
    clear: both;
    margin-bottom: 10px;
}

#select_unselect a, #select_unselect span {
    float: left;
    margin-left: 5px;
    color: #777;
}

a#unselect_all+span {
    display: block;
}

table#search #select_unselect {
    margin-top: 25px;
}

/**** AUTOCOMPLETE ****/

#info_log div.autocomplete-suggestions {
    border: 1px solid #ebebe1;
    background: #FFF;
    overflow: auto;
    display: block;
    left: 5px;
    top: 69px;
    height: auto;
}

#info_log div.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
    height: auto;
    display: block;
}

#info_log div.autocomplete-selected {
    background: #F0F0F0;
}

#info_log div.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

/*FORMULAIRE*/

form.form, div.form {
    display: inline-table;
    width: 100%;
    box-sizing: border-box;
}

.form input[type="submit"],
#edit_menu_rights input[type="submit"],
input#send_mail,
input#generer_excel,
input#generer_trombi,
input#generer_pdf,
.submit_red {
    background: #db3442;
    font-family: "Open Sans", sans-serif;
    border: 1px solid red;
    color: #FFFFFF;
    font-size: 12px;
    padding: 6px 10px 5px 10px;
    float: left;
    text-decoration: none;
    font-weight: bold;
    width: auto;
    text-transform: uppercase;
    clear: both;
}

.submit_red.no-float {
    float: none;
}

.submit_red .material-icons {
    color: #FFF;
}

input#generer_excel, input#generer_trombi, input#generer_pdf {
    clear: none;
    margin-left: 40px;
}

div#result_enseignant input#generer_excel {
    margin-left: 0;
}

.form input[type="submit"]:hover,
#variables div input[type="button"]:hover,
#alertes input[type="button"]:hover,
#files div input[type="button"]:hover,
input#affecte_cours:hover,
input#send_mail:hover,
input#generer_excel:hover,
input#generer_trombi:hover,
#rech_liste_revue input[type="button"]:hover,
input#generer_pdf:hover,
.submit_red:hover {
    background: #d8505b;
    background: -moz-linear-gradient(top, #d8505b 0%, #dd2334 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8505b), color-stop(100%, #dd2334));
    background: -webkit-linear-gradient(top, #d8505b 0%, #dd2334 100%);
    background: -o-linear-gradient(top, #d8505b 0%, #dd2334 100%);
    background: -ms-linear-gradient(top, #d8505b 0%, #dd2334 100%);
    background: linear-gradient(to bottom, #d8505b 0%, #dd2334 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8505b', endColorstr='#dd2334', GradientType=0);
}

.form input[type="submit"]:focus,
#variables div input[type="button"]:focus,
#alertes input[type="button"]:focus,
#files div input[type="button"]:focus,
input#affecte_cours:focus,
input#send_mail:focus,
input#generer_excel:focus,
input#generer_trombi:focus,
#rech_liste_revue input[type="button"]:focus,
input.submit_red:focus {
    border: 1px solid red !important;
}

.form input[type="submit"]:active,
#variables div input[type="button"]:active,
#alertes input[type="button"]:active,
#files div input[type="button"]:active,
input#affecte_cours:active,
input#send_mail:active,
input#generer_excel:active,
input#generer_trombi:active,
#rech_liste_revue input[type="button"]:active,
input#generer_pdf:active,
input.submit_red:active {
    border: 1px solid red !important;
    background: none repeat scroll 0 0 #dd2334;
    color: black;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px white;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
}

.form input[disabled], .form input[disabled]:hover, .form input[disabled]:focus, .form input[disabled]:active {
    background: #f6f6f6;
    color: #aca899;
    border: none;
    text-shadow: none;
    cursor: default;
    border: 1px solid #f6f6f6 !important;
    box-shadow: none;
}

.form h1 {
    margin: 0 0 30px 0
}

.form p, div[class^="accordion"] p {
    margin-bottom: 15px;
    clear: both;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.form p:last-child, div[class^="accordion"] p:last-child {
    margin-bottom: 0;
}

.form a#edit_password {
    float: left;
    clear: both;
    margin-top: 5px;
    font-size: 11px;
    color: #2962bc;
}

.form span#comparaison {
    float: left;
    clear: both;
    font-size: 11px;
    margin-top: 5px;
    padding: 3px;
    display: none;
}

form div.hide_show {
    display: none;
    float: left;
}

label {
    line-height: 14px;
    margin-bottom: 5px;
    display: block;
}

#filtres label {
    margin: 0 10px 0 20px;
    font-weight: normal;
    float: left;
}

fieldset {
    padding: 10px;
    border: 1px solid #e1e1e8;
    margin: 0 0 10px 0;
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

fieldset+fieldset {
    margin-top: 0;
}

fieldset legend {
    color: #dd5a34;
    font-size: 14px;
    padding-bottom: 0px;
}

#content form.form fieldset table tr td {
    border: 0;
}

div.col_left, div.col_right {
    border: none;
    width: 50%;
    padding: 0;
    float: left;
}

input, select, textarea {
    border: 1px solid #e1e1e8;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    clear: both;
    font-size: 12px;
}

input {
    padding: 4px 5px;
    width: 210px;
}

select {
    padding: 4px 5px 2px 5px;
}

#filtres input {
    clear: none;
    margin-left: 10px;
}

select#service {
    width: auto;
}

textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
}

select option {
    padding: 0 5px;
}

select option.option_black {
    font-weight: bold;
    color: black;
    padding: 0 0 0 5px;
}

select option.option_big_black {
    font-weight: bold;
    color: black;
    padding: 5px 0 0 5px;
    font-size: 13px;
}

select option.option_low_black {
    text-decoration: underline;
    color: black;
    padding: 2px 0 0 7px;
    font-size: 12px;
}

input[type="radio"], input[type="checkbox"] {
    width: 15px;
    border-radius: 0;
    border: none;
    padding: 0;
    box-shadow: none;
    float: left;
}

input[type="file"] {
    height: 28px;
    width: auto;
}

input[type="file"]#img {
    float: left;
}

input:focus, select:focus, input:active, select:active {
    border: 1px solid #5897fb !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    clear: both;
}

.form span.format {
    font-size: 10px;
    margin: 5px 0 0 20px;
    font-style: italic;
    float: right;
}

.form .NFI-wrapper {
    float: left;
    clear: both
}

.form .NFI-button {
    background: #dd2334;
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.08) 0%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.08) 0%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.08) 0%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.08) 0%);
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.08) 0%);
    border: 1px solid #e1e1e8;
    color: #fff;
    width: 100px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    text-shadow: 0 1px 1px #333333;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    box-shadow: 0 1px 0 #FFFFFF;
}

.form .NFI-button:hover {
    background: #2b2a28;
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.04) 0%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.04) 0%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.04) 0%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.04) 0%);
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.04) 0%);
    border: 1px solid #e1e1e8
}

.form .NFI-filename {
    width: 200px;
    border: 1px solid #e1e1e8;
    border-left: none;
    height: 26px;
    line-height: 26px;
    background: #fff;
    color: #777;
    text-shadow: 0px 1px 0px #fff;
    clear: none;
    float: left
}

.form .NFI-filename:focus {
    clear: none;
    border-right: 1px solid #e1e1e8;
    border-top: 1px solid #e1e1e8;
    border-bottom: 1px solid #e1e1e8
}

.form input[name="ins_sem"], .form input[name="code_groupe"], .form input[name="code_module"] {
    width: 20px;
    text-align: center;
}

.form_long label {
    float: left;
    margin: 6px 0 10px 0;
}

.form_long label+span {
    margin: 5px 0 0 5px;
    float: left;
}

.form_long p {
    margin-bottom: 10px;
    float: left;
    clear: both;
}

.form_long input, .form_long select, .form_long textarea {
    clear: none;
    float: left;
    margin-left: 7px;
}

.form_long input[type="checkbox"] {
    clear: none;
    margin: 6px 0 0 8px;
    float: left;
}

.form_long input[type="radio"] {
    clear: none;
    margin: 5px 0 0 7px;
}

.form_long input[type="submit"] {
    margin-left: 0;
}

#calendar {
    position: relative;
}

#calendar #loader {
    width: 100%;
    height: 100%;
    background-color: black;
    position: absolute;
    opacity: 0.6;
    z-index: 2;
}

#calendar #loader span {
    color: white;
    font-family: "Open Sans", sans-serif;
    font-size: 19px;
    font-weight: bold;
    left: calc(50% - 103px);
    position: absolute;
    text-shadow: 0 0 1px steelblue;
    top: 50%;
    width: 206px;
    z-index: 3;
}

#calendar #loader img {
    left: calc(50% - 28px);
    position: absolute;
    top: 45%;
    width: 56px;
    z-index: 3;
}

#calendar .fc-event.old {
    background-color: #f6f6f6 !important;
    color: grey !important;
    border: 1px solid #dddddd !important;
}

#calendar .fc-event:not(.old).master {
    border: 2px solid #ad5da0 !important;
}

#calendar .fc-event:not(.old).bachelor {
    border: 2px solid #3f7fa3 !important;
}

#calendar .fc-event:not(.old).pge {
    border: 2px solid #dd2334 !important;
}

#calendar .fc-agendaWeek-view div.fc-content {
    font-size: 12px;
}

#calendar .fc-agendaWeek-view .fc-slats tr {
    height: 25px;
}

#calendar .fc-agendaWeek-view .fc-event {
    text-align: center;
    display: flex;
    border: 1px solid black;
    left: -1px !important;
    right: -1px !important;
}

#calendar .fc-agendaWeek-view div.fc-content div.fc-time {
    font-size: 12px;
    font-weight: bold;
    margin-right: 0;
}

#calendar .fc-agendaWeek-view div.fc-content div.fc-title {
    display: block;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

#calendar .fc-agendaWeek-view div.fc-content {
    margin: auto;
}

#calendar .fc-agendaWeek-view div.fc-content span {
    display: block;
    float: none;
}

#calendar .fc-agendaWeek-view div.fc-content span.instructor {
    margin-top: 5px;
}

/*ACCORDION*/

div[class^="accordion"] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 15px 0;
}

div[class^="accordion"] div.under_h3 {
    clear: both;
    background-color: transparent;
    border-left: 1px solid #e1e1e8;
    border-right: 1px solid #e1e1e8;
    border-bottom: 1px solid #e1e1e8;
    border-radius: 0;
}

div[class^="accordion"] div.under_h3 div.bg {
    width: 100%;
    box-sizing: border-box;
    float: left;
    clear: both;
    margin: 5px 0 5px 0;
}

div[class^="accordion"] div.under_h3 div.bg:first-child {
    margin-top: 5px;
    padding-top: 0;
}

div[class^="accordion"] div.under_h3 div.bg:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

div[class^="accordion"] div.under_h3 div.bg:nth-child(even) {
    background-color: #f6f6f6;
    padding: 5px 30px 10px 30px;
    margin: 10px 0 10px -29px;
    width: calc(100% + 58px);
}

div[class^="accordion"] div.under_h3 div.bg:nth-child(even) h4 {
    margin-top: 5px;
}

div[class^="accordion"] div.under_h3 div.bg input[type="radio"]+label {
    display: inline;
    margin-left: 5px;
}

div[class^="accordion"] div.under_h3 div.bg table {
    clear: both;
    background-color: white;
}

div[class^="accordion"] div.under_h3 div.bg table tr th {
    height: 20px;
}

div[class^="accordion"] div.under_h3 div.bg table input {
    width: 100%;
    border: none;
    background-color: transparent;
    box-sizing: border-box
}

div[class^="accordion"] div.under_h3 div.bg table input[name="employeur[]"] {
    width: 10px;
}

div[class^="accordion"] div.under_h3 div.bg table input[name="annee_dipl[]"] {
    width: 44px;
}

div[class^="accordion"] div.under_h3 div.bg table select[name="nom_dipl[]"],
div[class^="accordion"] div.under_h3 div.bg table select[name="disci_dipl[]"],
div[class^="accordion"] div.under_h3 div.bg table select[name="pays_dipl[]"] {
    width: 160px;
}

div[class^="accordion"] div.under_h3 div.bg table input:focus,
div[class^="accordion"] div.under_h3 div.bg table input:active {
    border: none !important;
    box-shadow: none !important;
}

div[class^="accordion"] h4 {
    float: left;
    clear: both;
    margin: 0 0 20px 0;
    text-shadow: none;
    font-weight: bold;
    line-height: 1.3;
}

div[class^="accordion"] fieldset {
    padding: 20px;
}

div[class^="accordion"] div.col_left, div[class^="accordion"] div.col_right {
    border: none;
    padding: 0;
    float: left;
}

div[class^="accordion"] div.col_left {
    clear: both;
    width: 50%;
}

div#programme div[class^="accordion"] div.col_right {
    margin-left: 0;
}

div[class^="accordion"] div.col_right {
    width: calc(50% - 20px);
    margin-left: 20px;
}

div[class^="accordion"] div#groupe_liste div.col_right {
    margin: 0;
}

div[class^="accordion"] p+p {
    margin-bottom: 10px
}

div[class^="accordion"] p#mention_etoile {
    padding: 0;
    font-size: 12px;
    margin-top: 10px;
}

div[class^="accordion"] h3.ui-accordion-header {
    font-family: "Open Sans", sans-serif;
    color: #555555;
    padding: 8px 0 8px 25px;
}

div[class^="accordion"] h3.ui-accordion-header span:not(.ui-accordion-header-icon) {
    margin-left: 25px;
}

div[class^="accordion"] h3.ui-state-active span:not(.ui-accordion-header-icon):not(.obligatoire):not(.bad_format) {
    color: #dd2334;
    font-weight: bold;
    font-size: 15px;
}

div[class^="accordion"] h3 span.obligatoire, div[class^="accordion"] h3 span.bad_format {
    float: right;
    color: red;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    margin: 2px 50px 0 0;
}

div[class^="accordion"] h3 img {
    position: absolute;
    right: 5px;
    margin: 0 10px 0 0;
    width: 17px
}

div[class^="accordion"] h3:hover {
    background: none
}

div[class^="accordion"] h3:focus {
    background: none
}

div[class^="accordion"] input {
    width: 310px
}

div[class^="accordion"] input[type="file"] {
    float: left;
}

div[class^="accordion"] input.datepicker {
    width: 80px;
}

div[class^="accordion"] input.datepicker_with_hms {
    width: 150px;
}

div[class^="accordion"] table tr td input {
    width: 100%;
    box-sizing: border-box
}

div[class^="accordion"] input[type="checkbox"] {
    width: auto;
    margin-right: 3px;
    margin-top: 1px;
}

div[class^="accordion"] input[type="radio"] {
    float: left;
    width: 15px;
    clear: none;
}

div[class^="accordion"] input[type="radio"]+span, div[class^="accordion"] input[type="radio"]+label {
    float: left;
    margin: 0 10px 0 5px;
}

div[class^="accordion"] input#username,
div[class^="accordion"] input#password,
div[class^="accordion"] input#nom,
div[class^="accordion"] input#prenom,
div[class^="accordion"] input#nom_jeune_fille,
div[class^="accordion"] input#commune {
    width: 180px
}

div[class^="accordion"] input#autres_disci {
    display: none;
}

div[class^="accordion"] input[name="exp_prof_public_nb"],
div[class^="accordion"] input[name="exp_prof_prive_nb"],
div[class^="accordion"] input[name="exp_prof_etra_public_nb"],
div[class^="accordion"] input[name="exp_prof_etra_prive_nb"],
div[class^="accordion"] input[name="dipl_en_cours_annee"],
div[class^="accordion"] input[name="dipl_annee"],
div[class^="accordion"] input[name="dipl_autre_annee"] {
    width: 40px
}

div[class^="accordion"] input#adm_liste_aptitudes_date,
div[class^="accordion"] input#adm_concours_date,
div[class^="accordion"] input#date_naissance,
div[class^="accordion"] input#these_date_soutenance {
    width: 77px
}

div[class^="accordion"] input#tel,
div[class^="accordion"] input#tel_portable,
div[class^="accordion"] input#tel_prof,
div[class^="accordion"] input#fax,
div[class^="accordion"] input#tel_bureau,
div[class^="accordion"] input#cp,
div[class^="accordion"] input#ens_cp_prof,
div[class^="accordion"] input#ens_tel_prof,
div[class^="accordion"] input#tel_portable_prof,
div[class^="accordion"] input#ens_fax_prof,
div[class^="accordion"] input#bureau,
div[class^="accordion"] input#annee_scolaire_embauche,
div[class^="accordion"] input#annee_scolaire_fin {
    width: 100px
}

div[class^="accordion"] input.date {
    width: 77px
}

div[class^="accordion"] select#droits {
    height: 90px
}

div[class^="accordion"] img#thephoto {
    float: left;
    clear: both;
    margin: 5px 0 0 20px;
    max-width: 250px;
}

div[class^="accordion"] img#remove, div[class^="accordion"] img#reset_file {
    float: left;
    margin: 11px 0 0 10px;
    cursor: pointer;
    display: none;
}

div[class^="accordion"] textarea {
    width: 100%;
    box-sizing: border-box;
    margin-left: 0;
}

img.ui-datepicker-trigger {
    float: left;
    margin: 0 0 0 5px;
    cursor: pointer;
}

a#back_page {
    position: absolute;
    right: 10px;
    top: 15px;
}

a#back_page img {
    float: left;
}

p#avertissement {
    font-size: 12px;
    font-weight: bold;
    margin-top: 20px;
}

p#instruction {
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: bold;
}

.fancybox-inner span#need {
    margin: 10px 0 10px 0;
    font-weight: bold;
    float: left;
}

/*** INFO LOG ***/

#info_log {
    background-color: white;
    color: black;
    margin: 0 auto 0 auto;
    display: table-row;
    position: relative;
}

#info_log .choose_profil {
    text-align: center;
    float: left;
    border-right: 1px solid #ebebe1;
    position: relative;
    padding: 12px 20px 11px;
    cursor: default;
    min-width: 110px;
}

#info_log div#etu_ma {
    background-color: #ad5da0;
}

#info_log div#etu_ba {
    background-color: #3f7fa3;
}

#info_log div#etu_pge {
    background-color: #dd2334;
}

#info_log div#etu_ma span, #info_log div#etu_ba span, #info_log div#etu_pge span {
    color: white;
}

#info_log .choose_profil:hover, #info_log .choose_profil.hover {
    background-color: #f6f6f6;
}

#info_log .choose_profil span {
    color: black;
}

#info_log .choose_profil img#arrow_down {
    width: 8px;
    margin: 4px 0 0 20px;
    float: right
}

#info_log .choose_profil:hover div#choose_type_profil {
    display: block;
}

#info_log .choose_profil div#choose_type_profil, #info_log div#name_forname_user #suivis_formations {
    display: none;
    position: absolute;
    background-color: white;
    z-index: 10002;
    box-shadow: 0px 8px 5px -5px rgba(0, 0, 0, 0.25);
    top: 38px;
    left: 0;
    border: 1px solid #e8e8ea;
    width: 100%;
    left: -1px;
}

#info_log .choose_profil div#choose_type_profil a:not(.no_favori),
#info_log .choose_profil div#choose_type_profil span,
#info_log div#name_forname_user #suivis_formations a {
    float: left;
    clear: both;
    color: black;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: left;
    text-decoration: none;
    padding: 5px;
    width: 100%;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

#info_log div#name_forname_user #suivis_formations a i {
    float: left;
    margin: 0 5px 0 0;
    color: #dd2334;
    font-size: 16px;
}

#info_log div#name_forname_user #suivis_formations a span {
    float: left;
    font-weight: normal;
    margin: 1px 0 0;
    font-size: 12px;
}

#info_log .choose_profil div#choose_type_profil div.type_profil {
    position: relative;
    display: block;
    width: 100%;
    background: none;
    margin-top: 5px;
    float: left;
}

#info_log .choose_profil div#choose_type_profil div.type_profil:last-child {
    margin-bottom: 5px;
}

#info_log .choose_profil div#choose_type_profil div#hover span,
#info_log .choose_profil div#choose_type_profil div:hover span,
#info_log .choose_profil div#choose_type_profil div#hover a:not(.no_favori),
#info_log .choose_profil div#choose_type_profil div:hover a:not(.no_favori) {
    background-color: #f6f6f6;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

#info_log .choose_profil div#choose_type_profil div#hover+#info_log .choose_profil div#choose_type_profil div:hover {
    border-top: transparent;
}

#info_log .choose_profil div#choose_type_profil div#etu_ma span,
#info_log .choose_profil div#choose_type_profil div#etu_ma_hover:hover span,
#info_log .choose_profil div#choose_type_profil div#etu_ma a:not(.no_favori),
#info_log .choose_profil div#choose_type_profil div#etu_ma_hover:hover a:not(.no_favori) {
    background-color: #ad5da0;
    border-top: 1px solid BlueViolet;
    border-bottom: 1px solid BlueViolet;
}

#info_log .choose_profil div#choose_type_profil div#etu_ba span,
#info_log .choose_profil div#choose_type_profil div#etu_ba_hover:hover span,
#info_log .choose_profil div#choose_type_profil div#etu_ba a:not(.no_favori),
#info_log .choose_profil div#choose_type_profil div#etu_ba_hover:hover a:not(.no_favori) {
    background-color: #3f7fa3;
    border-top: 1px solid CornflowerBlue;
    border-bottom: 1px solid CornflowerBlue;
}

#info_log .choose_profil div#choose_type_profil div#etu_pge span,
#info_log .choose_profil div#choose_type_profil div#etu_pge_hover:hover span,
#info_log .choose_profil div#choose_type_profil div#etu_pge a:not(.no_favori),
#info_log .choose_profil div#choose_type_profil div#etu_pge_hover:hover a:not(.no_favori) {
    background-color: #dd2334;
    border-top: 1px solid red;
    border-bottom: 1px solid red;
}

#info_log .choose_profil div#choose_type_profil div#etu_ma span,
#info_log .choose_profil div#choose_type_profil div#etu_ma_hover:hover a:not(.no_favori),
#info_log .choose_profil div#choose_type_profil div#etu_ba span,
#info_log .choose_profil div#choose_type_profil div#etu_ba_hover:hover a:not(.no_favori),
#info_log .choose_profil div#choose_type_profil div#etu_pge span,
#info_log .choose_profil div#choose_type_profil div#etu_pge_hover:hover a:not(.no_favori) {
    color: white;
}

#info_log .choose_profil div#choose_type_profil div#hover span.parent {
    color: grey;
}

#info_log .choose_profil div#choose_type_profil a.no_favori {
    position: absolute;
    top: 6px;
    right: 5px;
    width: 12px;
    display: none;
}

#info_log .choose_profil div#choose_type_profil a.no_favori img {
    width: 12px;
}

#info_log .choose_profil div#choose_type_profil img#favori {
    width: 12px;
    position: absolute;
    top: 6px;
    right: 5px;
}

#info_log div[id^="name_forname"] {
    border-right: 1px solid #ebebe1;
    float: left;
    position: relative;
}

#info_log div#name_forname_etu {
    padding: 7px 20px
}

#info_log div#name_forname_user:hover, #info_log div.name_forname_hover {
    background-color: #f6f6f6;
}

#info_log div#name_forname_user:hover #suivis_formations {
    display: block;
}

#info_log div[id^="name_forname"] a#compte {
    color: black;
    float: left;
    padding: 7px 20px;
}

#info_log div[id^="name_forname"] img {
    height: 24px;
    float: left;
}

#info_log div[id^="name_forname"] a#back_profil img {
    height: 16px;
    margin: 11px 20px 0 0;
    float: right;
}

#info_log div#name_forname_etu a#back_profil img {
    padding: 0;
    margin: 4px 0 0 15px;
}

#info_log div[id^="name_forname"] span {
    margin: 6px 0 0 15px;
    float: left;
    font-weight: bold;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
}

#info_log ul#button {
    float: right;
}

#info_log ul#button li {
    float: left;
    list-style: none;
    position: relative;
    padding: 7px;
    cursor: default;
}

#info_log ul#button li#alertes {
    width: 25px;
}

#info_log ul#button li#li_search {
    padding: 0;
}

#info_log ul#button li i {
    color: #2b2a28;
    line-height: 24px;
    float: left;
}

#info_log ul#button li.hover i, #info_log ul#button li.actif i, #info_log ul#button li:hover i {
    color: white;
}

#info_log ul#button li#li_search:hover, #info_log ul#button li#li_search.hover {
    background: none;
    cursor: default;
}

#info_log ul#button li:last-child, #info_log ul#button li:last-child:hover {
    background-color: #f6f6f6;
    margin-left: 18px;
}

#info_log ul#button li a span {
    margin-top: 3px;
    float: left;
    padding-bottom: 6px;
}

#info_log ul#button span.no_a {
    float: left;
    margin-top: 4px;
    padding: 5px 8px 7px 8px;
    cursor: default;
}

#info_log ul#button a {
    font-size: 12px;
    color: black;
}

#info_log ul#button img {
    height: 24px;
    float: left;
}

#info_log ul#button ul.niveau_1 {
    position: absolute;
    background-color: white;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    z-index: 9999;
    display: none;
    box-shadow: 0px 8px 5px -5px rgba(0, 0, 0, 0.25);
    top: 38px;
    right: 0;
}

#info_log ul#button ul.niveau_1 h2 {
    border-bottom: 1px solid #dcdcdc;
    background-color: #f6f6f6;
}

#info_log ul#button ul.niveau_1 h2 a {
    float: right;
    margin: 6px 10px 0 0;
}

#info_log ul#button ul.niveau_1 h2, #info_log ul#button ul.niveau_1 h3 {
    font-size: 13px;
    color: black;
    padding: 5px 0 5px 10px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}

#info_log ul#button ul.niveau_1 h3 {
    margin: 0 5px 15px 5px;
    padding: 0 0 3px;
    max-width: 390px;
}

#info_log ul#button ul.niveau_1 div.the_alerte div h3 {
    margin: 0 0 10px;
}

#info_log ul#button ul.niveau_1 div.the_alerte span.date_alerte {
    font-size: 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    font-style: italic;
    width: auto;
}

#info_log ul#button ul.niveau_1 a:hover {
    text-decoration: none;
}

#info_log ul#button ul.niveau_1 li {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

#info_log ul#button ul li:not(.ui-menu-item) {
    clear: both;
    border-right: none;
    width: 100%;
    box-sizing: border-box;
}

#info_log ul#button ul.niveau_1 li:last-child, #info_log ul#button ul#connected_as li.ui-menu-item:last-child {
    background-color: white;
    margin-left: 0;
}

#info_log ul#button ul#connected_as li.ui-menu-item a {
    margin: 0;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
}

#info_log ul#button ul#connected_as li.ui-menu-item a:hover {
    cursor: pointer;
}

#info_log ul#button ul.niveau_1 li:last-child:hover {
    background-color: #f5f5f5;
}

#info_log ul#button ul.niveau_1 h2+li:hover, #info_log ul#button ul.niveau_1 li:first-child:hover {
    border-top: 1px solid transparent;
}

#info_log ul#button ul.niveau_1 li:hover {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    background-color: #f5f5f5;
}

#info_log ul#button ul.niveau_1 li:hover a, #info_log ul#button ul.niveau_1 li:hover span {
    color: #808080;
}

#info_log ul#button ul.niveau_1 li a.arrow:after, #info_log ul#button ul.niveau_1 li span.arrow:after {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #dd2334;
    margin: -11px 0 0;
    content: "";
    float: right;
}

#info_log ul#button ul.niveau_1 span {
    color: grey;
    cursor: default;
}

#info_log ul#button ul.niveau_1 span.no_a {
    color: black;
}

#info_log ul#button ul.niveau_1 a, #info_log ul#button ul.niveau_1 span {
    border: 0;
    clear: both;
    padding: 6px 10px 5px;
    font-size: 12px;
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 0;
    white-space: nowrap;
}

#info_log ul#button ul.niveau_1 li:first-child, #info_log ul#button ul.niveau_2 li:first-child {
    border-left: none;
}

#info_log ul#button li:hover, #info_log ul#button li.actif, #info_log ul#button li.hover {
    background-color: #2b2a28;
}

#info_log ul#button ul.niveau_1 li:hover ul.niveau_2 {
    display: block;
}

#info_log ul#button ul.niveau_2 {
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    box-shadow: 0px 8px 5px -5px rgba(0, 0, 0, 0.25);
    background-color: white;
    float: left;
    left: 100%;
    position: absolute;
    display: none;
    top: -1px;
}

#info_log ul#button ul.niveau_1 li:hover ul.niveau_2 a, #info_log ul#button ul.niveau_1 li:hover ul.niveau_2 span {
    color: black;
}

#info_log ul#button ul.niveau_1 ul.niveau_2 li:hover a,
#info_log ul#button ul.niveau_1:hover ul.niveau_2 li:hover span {
    color: #808080;
}

#info_log ul#button ul.niveau_2 a, #info_log ul#button ul.niveau_2 span {
    padding: 5px 10px;
}

#info_log ul#button ul.niveau_2 a {
    color: black;
}

div#info_log div.no_bg:hover {
    background-color: white;
}

/*** Connected AS */

#info_log ul#button ul#connected_as {
    right: 0;
    z-index: 10001;
    position: absolute;
    background-color: white;
    box-shadow: 0px 8px 5px -5px rgba(0, 0, 0, 0.25);
    z-index: 10001;
    display: none;
    top: 38px;
    border: 1px solid #e8e8ea;
}

#info_log ul#button ul#connected_as form {
    border-top: 1px solid #ebebe1;
    margin: 5px 0 5px 0;
    padding: 0 7px;
    box-sizing: border-box;
}

#info_log ul#button ul#connected_as a {
    border: none;
}

#info_log ul#button ul#connected_as a#acces_administration {
    box-sizing: border-box;
    display: inline-block;
    margin: 5px 0 0;
    padding: 6px 0 5px;
    text-align: center;
    width: 100%;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

#info_log ul#button ul#connected_as a#acces_administration:hover {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    background-color: #f5f5f5;
    text-decoration: none;
    color: #808080;
}

#info_log ul#button ul#connected_as h2 {
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0 10px 5px;
    color: black;
}

#info_log ul#button ul#connected_as li:hover {
    background: none;
}

#info_log ul#button ul#connected_as li, #info_log ul#button ul#connected_as li:first-child {
    width: 195px;
    padding: 0;
    border: none;
    cursor: default;
}

#info_log ul#button ul#connected_as li p {
    margin-bottom: 0;
}

#info_log ul#button ul#connected_as li label {
    margin: 5px 0 0 5px;
}

#info_log ul#button ul#connected_as li select {
    margin: 5px 0 10px 5px;
    padding: 2px 2px 0;
    width: 171px;
}

#info_log ul#button ul#connected_as li select option {
    font-size: 11px;
}

#info_log ul#button ul#connected_as li input {
    font-size: 11px;
    text-transform: capitalize;
    padding: 2px;
    margin: 5px 0 10px 5px;
    width: 165px;
}

#info_log ul#button ul#connected_as li input[type="submit"] {
    margin-bottom: 7px;
    width: auto;
    padding: 3px 8px;
}

#info_log ul#button ul#connected_as li input[type="button"] {
    width: auto;
    padding: 3px 8px;
    margin-left: 30px;
    background-color: white;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
}

#info_log ul#button ul#connected_as li input[type="button"]:hover {
    background-color: #2b2a28;
    color: white;
}

#info_log ul#button ul#connected_as ul.ui-autocomplete li {
    width: 100%;
    padding: 0;
}

/*** Alertes */

#info_log ul#button li:hover ul.niveau_1 {
    display: block;
}

#info_log ul#button li#alertes ul.niveau_1 {
    width: 400px;
    padding-bottom: 0;
    z-index: 10002;
}

#info_log ul#button li#alertes ul.niveau_1 div#titre_alerte {
    background-color: #f6f6f6;
    z-index: 2;
    position: relative;
}

#info_log ul#button li#alertes ul.niveau_1 div#titre_alerte #separation {
    position: absolute;
    right: 140px;
    top: 5px;
    width: 1px;
    color: #2962bc;
}

#info_log ul#button li#alertes ul.niveau_1 div#tous_alertes {
    max-height: 500px;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
}

#info_log ul#button li#alertes ul.niveau_1 img+li {
    border-top: 1px solid transparent;
}

#info_log ul#button li#alertes ul.niveau_1 li {
    border-top: 1px solid transparent;
    border-bottom: 1px solid #dcdcdc;
    margin: 0;
}

#info_log ul#button li#alertes ul.niveau_1 li:last-child,
#info_log ul#button li#alertes ul.niveau_1 li:last-child:hover {
    border-bottom: 1px solid transparent;
}

#info_log ul#button li#alertes ul.niveau_1 li:hover {
    background: white;
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid transparent;
    background: #f9f9f9 !important;
}

#info_log ul#button li#alertes ul.niveau_1 li.new {
    background: #edeff5;
}

#info_log ul#button li#alertes ul.niveau_1 li a span {
    cursor: pointer;
    white-space: normal;
}

#info_log ul#button li#alertes p#alerte_new {
    position: absolute;
    bottom: 3px;
    right: 8px;
    background-color: #DC0D17;
    background-image: linear-gradient(#FA3C45, #DC0D17);
    color: #FFF;
    padding: 0px 2px;
    border-radius: 2px;
}

#info_log ul#button li#alertes p#alerte_new span {
    color: white;
    font-size: 10px;
    vertical-align: middle;
    display: table-cell;
}

#info_log ul#button li#alertes p#alerte_new:hover, #info_log ul#button p#alerte_new span:hover {
    cursor: default;
}

#info_log ul#button li#alertes ul.niveau_1 li {
    padding: 10px 0;
}

#info_log ul#button li#alertes div.the_alerte div {
    border: 0px none;
    clear: both;
    padding: 0 10px;
    font-size: 12px;
    width: 100%;
    float: left;
    box-sizing: border-box;
    margin-bottom: 10px;
}

#info_log ul#button li#alertes div.the_alerte div a {
    white-space: normal;
}

#info_log ul#button li#alertes ul.niveau_1 li div.the_alerte div a.link {
    color: #2962bc;
    display: inline-block;
    margin-top: 5px;
}

#info_log ul#button li#alertes div.the_alerte p {
    clear: both;
}

#info_log ul#button li#alertes div.the_alerte p.signature_mail {
    margin: 15px 0 0 10px;
    float: left;
}

#info_log ul#button li#alertes div.the_alerte table {
    width: 100% !important;
    background-color: white;
}

#info_log ul#button li#alertes div.the_alerte table tr th {
    background-color: white;
    color: black;
}

#info_log ul#button li#alertes div.the_alerte table tr th, #info_log ul#button li#alertes div.the_alerte table tr td {
    padding: 5px;
    border: 1px solid #dedede;
}

#info_log ul#button li#alertes div.the_alerte ul {
    margin-left: 10px;
}

#info_log ul#button li#alertes div.the_alerte ul li, #info_log ul#button li#alertes div.the_alerte ul li:hover {
    padding: 0;
    border: none;
    list-style-type: disc;
    background: none !important;
}

#info_log ul#button li#alertes a {
    color: #2962BC;
    padding: 0;
    width: auto;
    clear: none;
}

#info_log ul#button li#alertes a#no_alerte {
    margin: 0 0 0 10px;
}

#info_log ul#button li#alertes a.lien_alerte {
    float: left;
    margin: 5px 0 0 10px;
}

#info_log ul#button li#alertes ul.niveau_1 a#tout_lu {
    color: #2962BC;
    position: absolute;
    right: 155px;
    top: 12px;
    width: auto;
    outline: none;
}

#info_log ul#button li#alertes ul.niveau_1 li:hover a#no_alerte, #info_log ul#button li#alertes ul.niveau_1 li a {
    color: black;
}

#info_log ul#button li#alertes ul.niveau_1 div.the_alerte a {
    color: #2962bc;
}

#info_log ul#button li#alertes ul.niveau_1 li:hover a#no_alerte {
    cursor: default;
}

div.compte form.form {
    display: inline;
}

img#bg-header {
    position: absolute;
    right: 0;
    height: 100%;
}

header {
    background-color: #2b2a28;
    display: table-row;
    width: 100%;
    position: relative;
    background-image: url("../images/bg-header.png");
    background-position: 100% 0;
    background-repeat: no-repeat;
}

header a#titre {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 27px;
    line-height: 30px;
    font-weight: bold;
    margin: 10px 0 10px 5px;
    text-decoration: none;
    float: left;
}

section {
    display: table-row;
    height: 100%;
    position: relative;
}

#content {
    position: relative;
    padding: 10px 20px 50px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    display: table;
}

#content h1:first-child, #content h2:first-child, #content h3:first-child {
    margin-top: 0;
}

table tr th {
    padding: 7px 5px;
    border-bottom: 1px solid #e1e1e8;
    background-color: #2b2a28;
    color: white;
}

#content table:not(.menu):not(#lien):not(#annuaire):not(.user):not(.pagination):not(.annuaire) tr:hover {
    background-color: #f9f9f9;
}

table.no_border tr td {
    border: none;
}

table tr td, .fancybox-wrap table tr td {
    padding: 7px 5px;
    border-bottom: 1px solid #e1e1e8;
    border-left: 1px solid #e1e1e8;
    line-height: 100%;
    font-size: 11px;
    line-height: 14px;
}

table tr:nth-child(even) {
    background-color: #f6f6f6;
}

table tr td.center {
    text-align: center;
}

table tr td.left {
    text-align: left;
}

table tr td.right {
    text-align: right;
}

table tr td.center input, table tr td.left input, table tr td.right input {
    float: none;
}

table tr td:first-child {
    border-left: none;
}

#header-fixed {
    position: fixed;
    top: 0px;
    display: none;
}

footer {
    background-color: #2B2A28;
    border-top: 1px solid #222222;
    height: 105px;
    display: table-row;
    width: 100%;
    z-index: 2;
    position: relative;
    z-index: 10000;
}

footer table {
    margin: 0 auto 0 auto;
    height: 105px;
}

footer table tr, footer table th {
    background: none !important;
}

footer table tr td {
    text-align: center;
    border-left: 1px solid #222222;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    padding-top: 0;
}

footer table tr td#lien table {
    border: 0;
    margin: 5px 0 0 20px;
    width: 85%;
}

footer table tr td#lien table tr th {
    font-weight: bold;
    color: white;
    background: none;
    border-bottom: 1px solid white;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    text-align: left;
    text-transform: uppercase;
    padding: 0 0 5px 0;
}

footer table tr td#lien table tr td:first-child {
    border-top: 0;
    padding: 10px 0 8px 0;
}

footer table tr td#lien table tr td {
    text-align: left;
    font-size: 12px;
    color: white;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
}

footer #lien a {
    color: white;
    margin: 0 0 10px 0;
    text-decoration: none;
}

footer #lien a:hover, footer table tr td#lien table tr td:hover a {
    color: #dd2334;
}

footer #lien a img {
    float: left;
    margin: -1px 8px 0 0;
}

footer #adresse {
    font-size: 11px;
    color: white;
    margin: 0 auto 0 auto;
    padding: 10px 0 0 0;
}

footer #adresse span {
    clear: both;
}

footer #logo img#logo_unistra {
    width: 100px;
    margin: 5px 0 0 0;
}

footer #logo img#logo_em {
    width: 130px;
    margin: 5px 0 0 15px;
}

#scrollUp {
    background: url('../images/top.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 20px;
    height: 38px;
    right: 20px;
    width: 38px;
}

.headband_grey {
    padding: 5px 30px 5px 30px;
    text-align: center
}

.headband_grey h1 {
    color: black;
    font-family: "Open Sans", sans-serif;
    float: none;
    font-size: 25px;
    margin: 8px 0 8px 0
}

div#texte ul ul li {
    margin-left: 10px;
    list-style-type: circle;
}

div#texte ul ul ul li {
    list-style-type: disc;
}

form#search {
    float: right;
    margin: 4px 10px 0 0;
    border: 1px solid #ebebe1;
}

form#search input {
    margin: 0;
}

form#search input[type="text"] {
    background-color: white;
    border-top: none !important;
    border-bottom: none !important;
    border-left: 1px solid white !important;
    border-right: 1px solid white !important;
    color: black;
    font-size: 12px;
    float: left;
    padding: 6px 5px;
    width: 250px;
    border-radius: 0;
}

form#search input[type="text"]:focus {
    box-shadow: none;
}

form#search input[type="image"] {
    box-shadow: none;
    border-radius: 0;
    float: left;
    clear: none;
    padding: 6px 6px;
    font-size: 10px;
    background-color: white;
    border-left: 1px solid #e1e1e8 !important;
    border-bottom: none !important;
    border-top: none !important;
    border-right: 3px solid #dd2334 !important;
    width: 16px;
}

form#search input[type="image"]:hover {
    background-color: #e0e0e0;
}

.ckeditor {
    width: 100%;
    min-height: 600px
}

#cke_editor1 {
    float: left;
    clear: both;
    margin-bottom: 20px;
}

#edit_content, #demande_edition_page {
    position: absolute;
    right: 120px;
    top: 23px;
}

#add_file {
    float: right;
    position: absolute;
    right: 150px;
    top: 23px;
    width: 20px;
}

#langue {
    float: right;
    position: absolute;
    right: 20px;
    top: 25px;
}

#langue img {
    margin: 0 0 0 5px;
    cursor: pointer;
}

a#cancel {
    font-size: 12px;
    display: none;
    position: absolute;
    right: 190px;
    top: 27px;
}

span.error {
    float: left;
    font-size: 14px;
    padding: 10px;
    width: 100%;
    margin: 10px 0 10px 0;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
    line-height: 14px;
}

span.error.not_prof_actuel {
    margin-bottom: 20px;
}

span#false {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #468847;
}

span#true {
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    color: #b94a48;
}

span#comparaison {
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    color: #3a87ad;
}

span.error+div#encart_top {
    float: left;
    clear: both;
    margin: 0 0 20px 0;
}

table.pagination {
    text-align: center;
    color: black;
    margin-top: 10px;
    border-left: 1px solid #e1e1e8;
    border-right: 1px solid #e1e1e8;
    width: 100%;
}

#content table.pagination tr td {
    padding: 2px 2px 0 2px;
    text-align: center;
}

#content table.pagination tr:first-child td {
    padding: 4px 15px 4px 0;
    text-align: right;
    font-weight: bold;
}

#content div#annuaire table.pagination tr:first-child td {
    padding: 6px 0;
    text-align: center;
}

table.pagination a {
    margin: 0 2px 0 2px;
    color: white;
    text-decoration: underline;
}

table.pagination span#disabled {
    color: white;
    text-decoration: none;
    cursor: default;
    background-color: grey;
    border: 1px solid grey;
    margin: 0 2px 0 2px;
}

table.pagination a span, table.pagination span {
    color: white;
    border: 1px solid red;
    padding: 2px 10px;
    background-color: #dd2334;
}

table.pagination div {
    display: inline-table;
}

table.pagination input.pagedisplay {
    border: 1px solid #e1e1e8;
    font-size: 12px;
    padding: 2px 2px 1px 2px;
    float: left;
    width: 100px;
    text-align: center;
}

table.pagination select.pagesize {
    width: auto;
    clear: none;
    height: 20px;
    margin: 0 0 0 5px;
    padding: 1px 0 0 0;
}

table.pagination select.pagesize option {
    padding-left: 3px;
}

table.pagination a.next, table.pagination a.prev, table.pagination a.last, table.pagination a.first {
    margin: 0;
    float: left;
    height: 32px;
}

table.pagination a.disabled>img {
    opacity: 0.4;
    cursor: default;
}

table.pagination a img {
    width: 30px !important;
}

.grab {
    cursor: url(../images/openhand.cur), move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab
}

.grabbing {
    cursor: url(../images/closehand.cur), move;
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}

.select_ajax label, #filtres label {
    line-height: 25px;
}

.select_ajax, #filtres {
    background-color: #f6f6f6;
    margin: 0 0 20px 0;
    padding: 10px 0 9px 0;
    border: 1px solid #e1e1e8;
    overflow-y: auto;
    z-index: 7997;
}

.select_ajax label {
    margin: 0 0 0 20px;
    font-weight: normal;
    float: left;
}

.select_ajax select, #filtres select {
    margin: 0 0 0 5px;
    clear: none;
    float: left;
}

.select_ajax input {
    margin-left: 5px;
    width: 30px;
    text-align: right;
    clear: none;
}

.select_ajax a {
    font-size: 12px
}

.select_ajax option.parent {
    font-weight: bold;
}

.select_ajax option.children {
    margin-left: 10px;
}

.progress {
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    float: left;
    padding: 1px;
    position: relative;
    width: 311px;
    display: none;
}

progress.low {
    color: red;
}

progress.low::-moz-progress-bar {
    background-color: red;
}

progress.low::-webkit-progress-value {
    background-color: red;
}

progress.medium {
    color: orange;
}

progress.medium::-moz-progress-bar {
    background: #fff;
}

progress.medium::-webkit-progress-value {
    background: orange;
}

progress.high {
    color: green;
}

progress.high::-moz-progress-bar {
    background: green;
}

progress.high::-webkit-progress-value {
    background-color: green;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    progress.low {
        background-color: red;
    }
    progress.medium {
        background-color: orange;
    }
    progress.high {
        background-color: green;
    }
}

.bar {
    background-color: #B4F5B4;
    width: 0%;
    height: 20px;
    border-radius: 3px;
}

.percent {
    position: absolute;
    display: inline-block;
    top: 3px;
    font-size: 12px;
    left: 48%;
}

/************/

/*FIL ARIANE*/

/************/

#breadcrumbs {
    clear: both;
    margin-top: 5px;
    overflow: hidden;
}

#breadcrumbs ul, #breadcrumbs li {
    list-style-type: none;
    padding: 0;
    margin: 0
}

#breadcrumbs ul {
    height: 33px;
    margin: 0;
    list-style: none
}

#breadcrumbs li {
    float: left;
    background-color: #f0f0f0;
    line-height: 33px;
    margin: 0 10px;
}

#breadcrumbs li:last-child, #breadcrumbs li:last-child a:hover, #breadcrumbs li:last-child span:hover {
    background-color: #2b2a28;
}

#breadcrumbs li a, #breadcrumbs li span {
    float: left;
    height: 33px;
    margin: 0;
    padding: 0 5px;
    font-size: 11px;
    color: #777;
    position: relative;
    line-height: 33px;
}

#breadcrumbs li:last-child a, #breadcrumbs li:last-child span {
    color: white;
}

#breadcrumbs li span {
    cursor: default;
}

#breadcrumbs li a:hover, #breadcrumbs li span:hover {
    background: #dd2334;
    color: white;
}

#breadcrumbs li a i {
    display: inline-block;
    margin-top: 5px;
    color: #2b2a28;
}

#breadcrumbs li a:hover i {
    color: white;
}

#breadcrumbs li a:before, #breadcrumbs li a:after, #breadcrumbs li span:before, #breadcrumbs li span:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1em;
    background: #f0f0f0;
    transform: skew(-10deg);
}

#breadcrumbs li:last-child a:before,
#breadcrumbs li:last-child a:after,
#breadcrumbs li:last-child span:before,
#breadcrumbs li:last-child span:after,
#breadcrumbs li:last-child a:hover:before,
#breadcrumbs li:last-child span:hover:before,
#breadcrumbs li:last-child a:hover:after,
#breadcrumbs li:last-child span:hover:after {
    background-color: #2b2a28;
}

#breadcrumbs li a:before, #breadcrumbs li span:before {
    left: -.7em;
    border-radius: 5px 0 0 5px;
}

#breadcrumbs li a:hover:before, #breadcrumbs li span:hover:before {
    background: #dd2334;
}

#breadcrumbs li a:after, #breadcrumbs li span:after {
    right: -.7em;
    border-radius: 0 5px 5px 0;
}

#breadcrumbs li a:hover:after, #breadcrumbs li span:hover:after {
    background: #dd2334;
}

#line_horizontal {
    height: 1px;
    background-color: #e1e1e8;
    margin: 15px 0;
}

#ligne_horizontal+h1 {
    margin-top: 10px;
}

#line_horizontal+span.error {
    margin-top: -6px;
}

/*********/

/*ACCUEIL*/

/*********/

#choice {
    margin: 100px auto 0 auto;
    width: 700px;
    display: table;
    height: 100%;
    min-height: 100%;
}

#choice div {
    float: left;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    height: 85px;
    width: 325px;
    text-align: center;
    padding: 30px 0;
    background-color: #f6f6f6;
}

#choice span {
    width: 100%;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: bold;
    float: left;
    margin-top: 10px;
    line-height: 13px;
}

#choice a {
    text-decoration: none;
}

#choice div input, #connexion #submit input[type="submit"] {
    background-color: white;
    border: 1px solid rgb(204, 204, 204);
    color: black;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    padding: 5px 20px;
    text-align: center;
    width: auto;
    cursor: pointer;
    margin: 30px auto 0 auto;
    border-radius: 2px;
    float: none;
    outline: none;
}

#choice div input:hover, #connexion #submit input[type="submit"]:hover {
    background-color: #2b2a28;
    color: white;
    border: 1px solid black;
}

#choice div input:focus,
#connexion #submit input[type="submit"]:focus,
#choice div input:active,
#connexion #submit input[type="submit"]:active {
    border: 1px solid black !important;
}

#choice div#choice_ent {
    margin: 0 40px 0 0
}

#choice div#choice_no_ent {
    float: right;
}

/***********/

/*CONNEXION*/

/***********/

#wrapper {
    margin: 100px auto 0 auto;
    width: 300px
}

#connexion {
    border: 1px solid rgb(221, 221, 221);
    box-shadow: 1px 1px 7px rgb(204, 204, 204);
    float: left;
}

#connexion label {
    margin: 10px 0 0px 15px;
    float: left
}

#connexion a {
    float: right;
    font-size: 12px;
}

#connexion a#link_password {
    margin: 5px 17px 0 0
}

#connexion a#precedent {
    margin: 5px 20px 0 0
}

#connexion input[type="text"], #connexion input[type="password"] {
    margin: 5px 0 0 16px;
    display: block;
    font-size: 12px;
    width: 85%;
    float: left;
    clear: both
}

#connexion input[type="text"]:focus, #connexion input[type="password"]:focus {
    background: none repeat scroll 0% 0% rgb(254, 255, 239)
}

#connexion #submit {
    margin: 30px 0 0 0;
    width: 100%;
    height: 45px;
    float: left;
    clear: both
}

#connexion #submit input[type="submit"] {
    margin: 0 0 10px 15px;
    padding: 6px 10px;
    width: auto;
    float: left;
}

#connexion span.error {
    clear: both;
    float: left;
    font-size: 11px;
    margin: 15px 0 10px 15px;
    padding: 5px;
    width: 89%;
    line-height: 11px;
}

/******/

/*MENU*/

/******/

nav {
    float: left;
    width: 100%;
    padding: 0;
    list-style: none;
    position: relative;
}

nav #inside_nav {
    margin: 0 auto;
    position: relative;
}

nav ul {
    list-style: none;
    font-size: 14px;
    z-index: 10001;
}

/****** MENU PRINCIPAL *********/

nav ul li {
    float: left;
    text-align: center;
    padding: 10px;
    position: relative;
    margin: 0;
    font-family: "Open Sans", sans-serif;
    background-color: #2b2a28;
    height: 20px;
}

nav ul li#home{
    width:18px;
}

nav ul li.ss_profil {
    background-color: #35332f;
}

nav ul li.ss_profil_1, nav ul li.ss_profil_2, nav ul li.ss_profil_3 {
    background-color: #e5e5e5
}

nav ul#scolarite li, nav ul li.scolarite {
    background-color: #3b4044;
}

nav ul li:hover, nav ul li.hover, nav ul li#pge:hover {
    background-color: #dd2334;
    color: white;
}

nav ul li:hover>ul {
    display: block;
}

nav ul li#home a {
    margin-right: 0;
}

nav ul li#home a img {
    float: left;
    height: 16px;
}

nav ul li a, nav ul li span {
    color: white;
    font-weight: bold;
    white-space: nowrap;
    margin-right: 10px;
    line-height: 14px;
}

nav ul li span {
    cursor: default;
}

nav ul li span.ss_profil {
    background-color: #999999;
}

nav ul li span.ss_profil, nav ul li span.ss_profil_1, nav ul li span.ss_profil_2, nav ul li span.ss_profil_3 {
    position: absolute;
    left: 0;
    width: auto;
    padding: 5px 10px;
    display: none;
    font-size: 10px;
    line-height: 10px;
}

nav ul li span.ss_profil, nav ul li span.ss_profil_1, nav ul li span.ss_profil_2, nav ul li span.ss_profil_3 {
    top: -20px;
}

nav ul li span.ss_profil_1, nav ul li span.ss_profil_2, nav ul li span.ss_profil_3 {
    left: -15px;
}

nav ul li a:hover, nav ul li span:hover {
    color: white;
}

nav ul ul li:hover span.ss_profil_1, nav ul ul li:hover span.ss_profil_2, nav ul ul li:hover span.ss_profil_3 {
    background-color: #dd2334 !important;
}

nav #master ul li:hover span.ss_profil_1,
nav #master ul li:hover span.ss_profil_2,
nav #master ul li:hover span.ss_profil_3 {
    background-color: #AD5DA0 !important;
}

nav #bachelor ul li:hover span.ss_profil_1,
nav #bachelor ul li:hover span.ss_profil_2,
nav #bachelor ul li:hover span.ss_profil_3 {
    background-color: #3F7FA3 !important;
}

nav ul li:hover span.ss_profil,
nav ul.niveau_1 li:hover span.ss_profil_1,
nav ul.niveau_2 li:hover span.ss_profil_2,
nav ul.niveau_3 li:hover span.ss_profil_3 {
    display: block;
}

nav ul li a.arrow:after, nav ul li span.arrow:after {
    content: "";
    float: right;
    display: block;
    border-left: 3px solid rgba(0, 0, 0, 0);
    border-right: 3px solid rgba(0, 0, 0, 0);
    border-top: 3px solid white;
    position: absolute;
    right: 5px;
    top: 50%;
}

/****** SOUS-MENU 1 *********/

nav ul ul {
    background: #fff;
    position: absolute;
    display: none;
    top: 40px;
    margin-left: -11px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
}

nav ul ul li {
    text-align: left;
    border: none;
    float: none;
    min-height: 17px;
    background-image: url('../images/puce.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    margin: 0;
    background-color: white;
    color: white;
}

nav ul ul li:hover {
    box-shadow: none;
    background-color: #dd2334;
    background-image: url('../images/puce_hover.png');
    color: white;
}

nav ul ul li:last-child {
    border-right: none;
}

nav ul ul li a, nav ul ul li span {
    margin-left: 15px;
}

nav ul ul li:hover a,
nav ul ul li:hover ul li:hover a,
nav ul ul li:hover a,
nav ul ul li:hover ul li:hover ul li:hover a {
    color: white;
    text-decoration: underline;
}

nav ul ul li:hover span, nav ul ul li:hover ul li:hover span {
    color: white;
}

nav ul ul li a.arrow:after,
nav ul ul li span.arrow:after,
nav ul ul li:hover ul li span.arrow:after,
nav ul ul li:hover ul li a.arrow:after {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #dd2334;
    margin: -3px 0 0 0;
}

nav ul ul li span.arrow:hover:after,
nav ul ul li:hover span.arrow:after,
nav ul ul li:hover ul li:hover span.arrow:after,
nav ul ul li a.arrow:hover:after,
nav ul ul li:hover a.arrow:after,
nav ul ul li:hover ul li:hover a.arrow:after {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid white;
}

nav ul ul li a, nav ul ul li a.arrow, nav ul ul li span, nav ul ul li span.arrow {
    color: #363636;
    text-align: left;
    padding: 11px 10px 11px 10px;
    font-weight: normal;
}

nav ul ul li:hover a.arrow, nav ul ul li:hover span.arrow {
    color: white;
}

nav ul ul li a.arrow:hover, nav ul ul li span.arrow:hover {
    color: white
}

/****** SOUS-MENU 2 *********/

nav ul ul ul {
    box-shadow: none;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    margin-left: 100%;
    background: #fff;
}

nav ul ul li:hover ul li a.arrow, nav ul ul li:hover ul li span.arrow {
    color: #363636;
}

nav ul ul li:hover ul li a {
    color: #363636;
    text-decoration: none;
}

nav ul ul li:hover ul li:hover a.arrow, nav ul ul li:hover ul li:hover span.arrow {
    color: white;
}

/****** SOUS-MENU 3 *********/

nav ul ul li:hover ul li:hover ul li a {
    color: #363636;
    text-decoration: none;
}

/****** ONGLET SCOLARITE *********/

nav ul#scolarite {
    position: absolute;
    background-color: #3b4044;
}

nav ul#scolarite:hover {
    background-color: #dd2334;
}

nav ul#scolarite li {
    float: none;
    box-shadow: none;
    padding: 5px 10px 3px;
}

nav ul#scolarite li.ss_profil {
    background-color: #e5e5e5;
}

nav ul#scolarite li.ss_profil:hover {
    background-color: #dd2334;
}

nav ul#scolarite ul.niveau_1 {
    top: 100%;
    margin-left: -10px;
}

nav ul#scolarite ul.niveau_1 li a, nav ul#scolarite ul.niveau_1 li span {
    display: inline-block;
    width: 100%;
    padding: 0;
    position: relative;
}

nav ul#scolarite ul.niveau_1 li span.ss_profil {
    position: absolute;
    top: -35px;
    left: -50px;
    width: auto;
    background-color: #dd2334 !important;
    padding: 5px 10px;
    display: none;
    border-bottom: 0;
    line-height: 10px;
    font-size: 10px;
}

nav ul#scolarite ul.niveau_1 li {
    padding: 12px 20px 11px;
    background-color: white;
}

nav ul#scolarite ul.niveau_1 li:hover {
    background-color: #dd2334;
}

nav ul#scolarite ul.niveau_1 li:hover span.ss_profil {
    display: block;
}

/*********************/

/*MENU ADMINISTRAITON*/

/*********************/

#administration table {
    width: 100%;
}

#administration table tr td {
    padding: 7px 10px;
}

#profil_id {
    float: left;
}

#profil_id input[type="checkbox"] {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    float: left;
    margin-right: 5px;
    width: 15px;
}

#profil_id label {
    float: left;
    font-weight: normal;
    line-height: 12px;
}

input[class^="right_parent"][type="checkbox"], input[class^="right_children"][type="checkbox"] {
    float: left;
    margin: 0 0 6px;
    width: auto;
}

input[class^="right_children"][type="checkbox"] {
    margin-left: 20px;
}

/*MENU*/

table.menu {
    width: 100%;
    border: 1px solid #e1e1e8;
    margin: 10px 0 20px 0;
    height: 40px;
}

table.menu tr {
    background-color: white;
}

table.menu tr td {
    border: none;
    border-left: 1px solid #e1e1e8;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}

table.menu tr td:first-child {
    background-color: #f6f6f6;
    border-left: none;
}

table.menu tr td:hover, table.menu tr td#hover {
    background-color: #f9f9f9 !important;
}

form.sous_menu_adm {
    display: none;
}

form.menu_adm p span, form.sous_menu_adm p span {
    float: left;
    font-weight: normal;
    width: 600px;
    margin: 0 0 0 20px;
}

form.menu_adm p a, form.sous_menu_adm p a {
    float: left;
    margin: 0 0 0 20px
}

form.menu_adm p a#material_icons {
    float: none;
    margin: 0;
}

form.menu_adm input#link_start_menu {
    width: 40px
}

form.menu_adm input#link_start_menu+input {
    clear: none;
    width: 159px;
    border-left: none;
    float: left
}

form.menu_adm input#order, form.sous_menu_adm input.order {
    width: 30px
}

form.sous_menu_adm input[type="text"].link_start_sous_menu {
    width: 100px
}

form.sous_menu_adm input.link_start_sous_menu+input {
    clear: none;
    width: 100px;
    border-left: none
}

form.sous_menu_adm input.link_start_sous_menu+input:focus {
    clear: none
}

form.sous_menu_adm input[type="text"].link_second {
    width: 40px
}

form.sous_menu_adm input.link_second+input {
    clear: none;
    width: 139px;
    border-left: none
}

form.sous_menu_adm input.link_second+input:focus {
    clear: none
}

form p.profil_id {
    margin-bottom: 15px;
    float: left;
}

form p.profil_id input {
    margin-bottom: 5px;
}

#add_menu form input[type="checkbox"][name="lien_perso"], #edit_menu form input[type="checkbox"][name="lien_perso"] {
    margin: 7px 5px 0 0;
}

#add_menu form input[name="action"], #edit_menu form input[name="action"] {
    clear: none;
}

#add_menu form input[type="checkbox"], #edit_menu form input[type="checkbox"] {
    width: auto;
    float: left;
}

#add_menu form div[id^="arborescence"], #edit_menu form div[id^="arborescence"] {
    margin-bottom: 20px;
    float: left;
}

#add_menu form div[id^="arborescence"] span, #edit_menu form div[id^="arborescence"] {
    margin-top: 3px;
}

#add_menu form div[id^="arborescence"] input[type="checkbox"],
#edit_menu form div[id^="arborescence"] input[type="checkbox"] {
    clear: none;
    margin: 4px 0 0 5px;
}

#add_menu form input[type="checkbox"]+label, #edit_menu form input[type="checkbox"]+label {
    margin: 1px 0 0 5px;
    float: left;
    line-height: 12px;
    font-weight: normal;
}

#add_menu form input.right_children, #edit_menu form input.right_children {
    margin-left: 20px;
}

#add_menu span {
    margin-top: 15px;
}

#add_menu p#avertissement, #edit_menu p#avertissement {
    margin-top: 0;
}

#school_colors {
    float: left;
    clear: both;
    border: 1px solid #e1e1e8;
    margin: 10px 0 20px 0;
    padding: 5px
}

#school_colors div {
    float: left;
    margin: 0 10px 0 10px
}

#school_colors span#title {
    float: left;
    margin: 0 20px 20px 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

#school_colors div p.box {
    width: 20px;
    height: 20px;
    float: left;
    clear: both;
    cursor: pointer
}

#school_colors div#insti_colors p#box {
    background-color: #dd2334
}

#school_colors div#insti_colors p#box1 {
    background-color: #de4881
}

#school_colors div#insti_colors p#box2 {
    background-color: #f17c7b
}

#school_colors div#bachelor_colors p#box {
    background-color: #3f7fa3
}

#school_colors div#bachelor_colors p#box1 {
    background-color: #37c0ee
}

#school_colors div#bachelor_colors p#box2 {
    background-color: #f17c7b
}

#school_colors div#masters_colors p#box {
    background-color: #ad5da0
}

#school_colors div#masters_colors p#box1 {
    background-color: #a784ba
}

#school_colors div#masters_colors p#box2 {
    background-color: #f17c7b
}

#school_colors span.numColors {
    float: left;
    margin: 2px 0 0 5px
}

#edit_menu img#current_img {
    height: 20px;
    margin: 10px 0 0 20px;
    float: left;
}

#delete_menu p#avertissement, #order_menu p#avertissement {
    margin: 0 0 20px 0;
}

#delete_menu p#instruction {
    margin-bottom: 15px;
}

#delete_menu span {
    float: left;
    cursor: default
}

#delete_menu span.name_forname {
    clear: both
}

#delete_menu img.icone_delete {
    width: 12px;
    margin: 3px 10px 0 10px;
    float: right
}

#delete_menu span.name_menu {
    margin: 0 0 0 10px;
    float: left;
    clear: none;
    font-size: 13px;
    line-height: 13px;
}

#delete_menu label {
    margin-right: 5px;
}

#delete_menu div#result_delete_menu input[type="checkbox"], #delete_menu div#result_delete_menu label {
    float: right;
    clear: none;
    margin-top: 2px;
}

#delete_menu div#result_delete_menu label {
    font-size: 11px;
}

#order_menu li.ui-state-default,
#order_menu li.ui-widget-content .ui-state-default,
#order_menu li.ui-widget-header .ui-state-default,
#delete_menu li.ui-state-default,
#delete_menu li.ui-widget-content .ui-state-default,
#delete_menu li.ui-widget-header .ui-state-default {
    background: none;
    border: none
}

#order_menu li, #delete_menu li {
    list-style-type: none;
}

#order_menu ul p, #delete_menu ul p {
    padding: 5px 0 5px 0;
    border: 1px solid #e1e1e8;
    height: 17px;
    margin-top: -1px;
}

#order_menu ul.niveau_0 p, #delete_menu ul.niveau_0 p {
    background-color: #2b2a28;
    color: white;
}

#order_menu ul.niveau_1 p, #delete_menu ul.niveau_1 p {
    background-color: #c9c9c9;
    color: black;
}

#order_menu ul.niveau_1 li.ui-state-highlight, #order_menu ul.niveau_1 li, #delete_menu ul.niveau_1 li {
    margin-left: 10px !important;
}

#order_menu ul.niveau_2 p, #delete_menu ul.niveau_2 p {
    background-color: #f6f6f6;
    color: black;
}

#order_menu ul.niveau_3 p, #delete_menu ul.niveau_3 p {
    background-color: white;
    color: black;
}

#order_menu ul.niveau_0 li, #delete_menu ul.niveau_0 li {
    margin: 0 0 15px 0;
}

#order_menu ul.niveau_1 li, #delete_menu ul.niveau_1 li {
    margin: 0;
    border-bottom: none;
}

#order_menu ul li p span.name_menu:before {
    content: "";
    background-repeat: no-repeat;
    float: left;
    width: 6px;
    height: 9px;
    margin: 2px 10px 0 0;
}

#order_menu ul.niveau_0 li p span.name_menu:before {
    background-image: url('../images/order-white.png');
}

#order_menu ul.niveau_1 li p span.name_menu:before, #order_menu ul.niveau_2 li p span.name_menu:before {
    background-image: url('../images/order-black.png');
}

#order_menu ul.niveau_3 li p span.name_menu:before {
    background-image: url('../images/order-grey.png');
}

#order_menu input.order {
    float: right;
    margin: 0;
    padding: 0;
    width: 30px;
    text-align: center;
    background: none;
    border: 0;
    clear: none
}

#order_menu ul.niveau_0 input.order {
    color: white
}

#order_menu ul.niveau_2 input.order, #order_menu ul.niveau_3 input.order {
    color: black
}

#order_menu p img {
    float: left;
    margin: 4px 10px 0 10px
}

#order_menu span.name_menu {
    float: left;
    clear: none;
    margin: 2px 0 0 10px;
}

#result_order_menu {
    margin-top: 10px;
}

#result_order_menu span {
    float: left;
    clear: both
}

/*DROITS*/

#droits {
    margin-bottom: 20px;
}

[id^="arborescence"] span {
    float: left;
}

[id^="arborescence"] span.name_forname {
    clear: both
}

[id^="arborescence"] span.name_menu {
    margin-top: 3px;
}

[id^="arborescence"] ul {
    width: 700px;
    margin: 0 0 0 20px
}

[id^="arborescence"] ul li {
    clear: both;
    list-style-type: none;
    margin: 2px 0 0 0
}

[id^="arborescence"] ul li p {
    float: left;
    clear: both;
    font-size: 10px;
    font-style: italic;
    margin: 0;
    border-left: 1px dotted black;
    padding: 0 0 10px 15px;
    min-height: 10px;
    cursor: default
}

[id^="arborescence"] ul.niveau_1, [id^="arborescence"] ul.niveau_2, [id^="arborescence"] ul.niveau_3 {
    display: none
}

[id^="arborescence"] ul.niveau_0 li p, [id^="arborescence"] ul.niveau_1 li p {
    margin: 0 0 0 7px
}

[id^="arborescence"] ul.niveau_1 span {
    margin-top: 3px;
}

[id^="arborescence"] ul.niveau_1 li {
    margin: 1px 0 0 10px
}

[id^="arborescence"] ul.niveau_1 li:first-child span.pointille,
[id^="arborescence"] ul.niveau_1 li ul.niveau_2 li:first-child span.pointille,
[id^="arborescence"] ul.niveau_1 li ul.niveau_2 li ul.niveau_3 li:first-child span.pointille {
    border-bottom: 1px dotted black;
    border-left: 1px dotted black;
    width: 20px;
    height: 10px;
    float: left;
    margin: 0 3px 0 -23px;
    display: block
}

[id^="arborescence"] ul.niveau_1 li span.pointille,
[id^="arborescence"] ul.niveau_1 li ul.niveau_2 li span.pointille,
[id^="arborescence"] ul.niveau_1 li ul.niveau_2 li ul.niveau_3 li span.pointille {
    display: none
}

[id^="arborescence"] ul.niveau_1 li:first-child img.open,
[id^="arborescence"] ul.niveau_1 li ul.niveau_2 li:first-child img.open,
[id^="arborescence"] ul.niveau_1 li ul.niveau_2 li ul.niveau_3 li:first-child img.open,
[id^="arborescence"] ul.niveau_1 li:first-child img.close,
[id^="arborescence"] ul.niveau_1 li ul.niveau_2 li:first-child img.close,
[id^="arborescence"] ul.niveau_1 li ul.niveau_2 li ul.niveau_3 li:first-child img.close {
    margin: 5px 0 0 -40px
}

[id^="arborescence"] ul.niveau_0 li img.open, [id^="arborescence"] ul.niveau_0 li img.close {
    float: left;
    margin: 5px 0 0 -17px
}

[id^="arborescence"] ul li img.edit {
    width: 15px;
    margin: 2px 0 0 3px;
}

[id^="arborescence"] a {
    color: black;
}

[id^="arborescence"] img.icone_folder {
    width: 19px;
    margin: 2px 3px 2px 0;
    float: left
}

#voir_droits {
    float: left;
    margin: -24px 0 0 -5px;
    width: 25px
}

div#select_page {
    display: none;
    clear: both;
}

div#select_page input[type="checkbox"] {
    clear: none;
    margin: 5px 0 0 5px
}

/*POPIN DROITS*/

#edit_menu_rights table, #edit_menu_rights span, #edit_menu_rights div#liste_adm {
    float: left;
    clear: both
}

#edit_menu_rights table tr, #edit_menu_rights table tr td {
    border: none;
    padding: 5px 0;
}

#edit_menu_rights img.icone_delete {
    float: right;
    margin: 0 10px 0 0;
    width: 13px
}

#edit_menu_rights select {
    float: left;
    margin: 0 30px 0 0;
    height: 150px;
    padding: 5px 10px 5px 10px
}

#edit_menu_rights input[type="submit"] {
    margin: 10px 0 0 0;
    float: left;
    clear: both;
}

#edit_menu_rights div {
    float: left
}

#edit_menu_rights h2 {
    margin: 5px 0
}

#edit_menu_rights h3 {
    float: left;
    clear: both;
}

#edit_menu_rights h4 {
    margin: 0 0 10px 0
}

#edit_menu_rights table tr:nth-child(2n+1) {
    background-color: #f6f6f6;
}

#edit_menu_rights table tr:nth-child(even) {
    background-color: white;
}

#add_user_rights {
    min-width: 500px
}

#add_user_rights h3 {
    margin: 10px 0 20px 0
}

#add_user_rights span {
    float: left;
    clear: both
}

/*UTILISATEURS*/

#add_user div#enseignant {
    display: none;
}

p#mention_etoile {
    font-weight: bold;
    margin: 20px 0 10px 0;
    float: none;
}

#add_user select#administratif:focus {
    clear: none;
}

#add_user select#statut {
    display: none;
}

#add_user div[class^="accordion"] {
    margin: 0 0 15px 0;
}

#add_user div[class^="accordion"] div.enseignants {
    border: none;
    display: none
}

#add_user div[class^="accordion"] h3.enseignants {
    display: none
}

#add_user div[class^="accordion"] h3.administratif {
    display: none
}

#add_user form input[type="checkbox"], #edit_user form input[type="checkbox"] {
    width: auto;
    margin: 0 0 6px 0;
    float: left;
}

#add_user form input[type="checkbox"]+label, #edit_user form input[type="checkbox"]+label {
    margin: 0 0 0 5px;
    float: left;
    line-height: 12px;
    font-weight: normal;
}

#add_user form input.right_children, #edit_user form input.right_children {
    margin-left: 20px;
}

#add_user #profil_id label:first-child, #edit_user #profil_id label:first-child {
    margin: 0;
}

#add_user form#choice_user, #add_user form#result_choice_user {
    display: inline-block;
}

#add_user form#result_choice_user {
    margin-top: 20px;
}

#add_user form#result_choice_user table tr.existe,
#add_user form#result_choice_user table tr.existe input,
#add_user form#result_choice_user table tr:hover input {
    background-color: #f6f6f6;
}

#add_user form#result_choice_user span.existe {
    color: red;
    font-weight: bold;
}

#add_user form#result_choice_user input[type=text] {
    border: none !important;
    width: auto;
}

#add_user form#result_choice_user input:focus, #add_user form#result_choice_user input:active {
    box-shadow: none;
}

#add_user form#result_choice_user input[type=submit] {
    margin-top: 10px;
}

#edit_user #result_search, #formations #result_search {
    margin-top: 20px;
}

#edit_user h2 {
    margin-top: 15px;
}

div.administratif {
    width: 100%;
    margin: 20px 0 5px 20px;
}

div.administratif a#add {
    margin: 30px 0 20px 20px;
    float: left;
    clear: both;
}

div.administratif fieldset {
    padding: 10px 0 10px 0;
}

div.administratif fieldset legend {
    background-color: white;
    padding: 0 5px 0 5px;
    margin: 6px 0 13px 15px;
    font-size: 14px;
}

.search_form div select {
    float: left;
}

table#search {
    padding: 0;
    margin: 10px 0 0 0;
    border: 1px solid #e1e1e8;
    border-bottom: none;
    margin: 0;
    width: 100%;
    background: #f6f6f6;
}

table#search tr td {
    padding: 10px 20px 10px 20px
}

table#search tr td:first-child {
    width: 100px;
}

table#search select {
    margin-bottom: 0;
}

table#search select#statut {
    margin-top: 20px;
}

table#search input#search {
    height: 17px;
}

table#search select+input {
    margin-left: 10px;
}

.search_form input#search {
    margin: 5px 0 0 0;
    float: left;
    clear: both;
}

#rights_files form.form {
    display: inline;
}

#rights_files input#search, #files input#search {
    margin-top: 0;
}

#rights_files #result_search {
    margin: 10px 0 0 0;
    display: inline-table;
    width: 100%;
}

#rights_files #result_search table {
    clear: both;
    float: left;
}

#rights_files #result_search table tr td:last-child {
    text-align: center
}

#rights_files #result_search img.edit {
    width: 20px;
    margin: 0 5px 0 0
}

#rights_files #result_search #droits label {
    float: left;
    margin-bottom: 5px;
}

#rights_files #result_search #droits select {
    height: 86px;
    margin-bottom: 10px;
    clear: both;
}

#rights_files #result_search input[type="submit"] {
    float: left;
    clear: both;
}

#rights_files #result_search label {
    float: left;
    font-weight: normal;
    line-height: 12px;
    margin: 0 0 0 5px;
}

#rights_files #result_search label:first-child {
    margin: 20px 0;
    font-weight: bold;
}

#rights_files .form {
    padding: 0;
}

#rights_files input[type="submit"] {
    margin-top: 10px;
}

#rights_service .select_ajax label {
    width: 140px
}

#rights_service .form {
    padding: 5px 0 0 2px;
}

#rights_service p, #rights_user p {
    float: left;
}

#rights_service select#service {
    clear: none;
}

#rights_service .form p, #rights_user .form p, #rights_fonction .form p {
    clear: none;
    margin-right: 20px;
    width: calc(20% - 20px);
}

#rights_service .form p:nth-child(5n+1), #rights_user .form p:nth-child(5n+1), #rights_fonction .form p:nth-child(5n+1) {
    clear: both;
}

#rights_service .form p label, #rights_user .form p label, #rights_fonction .form p label {
    font-size: 11px;
    font-weight: bold;
    word-wrap: break-word;
}

#rights_service a, #rights_user a, #rights_fonction a {
    margin: 5px 20px 0 40px;
    float: right;
    font-weight: bold;
    color: black;
}

#rights_service input[type="submit"], #rights_user input[type="submit"] {
    margin: 10px 0 0 0;
    float: left;
    clear: both;
}

#rights_users #result_search {
    margin-top: 20px;
}

#rights_user .form {
    padding: 10px 0 0 2px;
}

#rights_user fieldset+div {
    margin-top: 10px;
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
}

#rights_user fieldset select {
    float: left;
    clear: none;
}

#rights_user select#service {
    margin: 0 0 0 20px;
}

/*SEARCH*/

div#search #filtre {
    float: left;
    margin: 25px 0 20px 0;
}

div#search #filtre span, div#search #filtre a {
    float: left;
}

div#search #filtre span#nb_content+a {
    margin-left: 10px;
}

div#search #filtre span#intitule {
    margin-right: 10px;
}

div#search #filtre span#nb_content, div#search #filtre span#nb_file {
    margin: 0 0 0 3px;
    color: black;
}

div#search #info_search a#remove {
    margin: 0 0 0 5px;
}

div#search div#result_search {
    clear: both;
}

.encart_search {
    border-bottom: 1px solid #C7C2C2;
    padding: 10px;
}

.encart_search:nth-child(odd) {
    background-color: #EFEFEF;
}

.encart_search:nth-child(even) {
    background-color: #FAF9F7;
}

.encart_search p.page, .encart_search p.file {
    margin-bottom: 10px;
    border-bottom: 1px solid #E7E2E2;
    padding: 0 0 10px 0;
}

.encart_search p.file {
    font-weight: bold;
}

.encart_search span.type, .encart_search span.date, .encart_search span.c_date, .encart_search span.m_date {
    margin: 10px 20px 0 0;
}

.encart_search .lien {
    margin-top: 15px;
}

.encart_search .surligne {
    background-color: #dd2334;
    color: white;
}

.encart_search img.begin_guillemets {
    width: 15px;
    margin: -5px 10px 0 0;
    float: left;
}

.encart_search img.begin_guillemets+div {
    float: left;
}

.encart_search img.end_guillemets {
    width: 15px;
    margin: 5px 0 0 10px;
    float: right;
}

.encart_search p.detail_search {
    clear: both;
    border-top: 1px solid #E7E2E2;
    padding: 8px 0 0 0;
}

.encart_search a.download {
    float: left;
    clear: both;
    margin-bottom: 10px;
}

.encart_search a img {
    width: 20px;
    float: left;
}

.encart_search a span {
    margin: 3px 0 0 5px;
    float: left;
}

.encart_search a span:hover {
    text-decoration: underline;
}

.encart_search+h2 {
    margin-top: 25px;
}

/*ERROR404*/

#error404, #forbidden {
    width: 500px;
    margin: 150px auto 0 auto;
    text-align: center;
}

#error404 h3, #forbidden h3 {
    margin-top: 30px;
}

#error404 h1, #error404 h3 {
    color: black;
}

#forbidden h1, #forbidden h3 {
    color: red !important;
}

#error404 img, #forbidden img {
    width: 100px;
    margin: 50px 0 0 0;
}

/*ANNUAIRE*/

div#annuaire h2 {
    margin: 30px 0 10px 0;
}

div#annuaire table tr {
    background: none;
}

div#annuaire table tr td {
    padding: 5px;
}

div#annuaire table tr td#extraire_adm {
    width: 90px;
    text-align: center;
}

div#annuaire table tr td#extraire_adm a {
    position: relative;
    margin-left: 30px;
}

div#annuaire table tr td#extraire_adm a img {
    position: absolute;
    top: -4px;
    left: -30px;
}

div#annuaire #filtres {
    margin-bottom: 0;
}

div#annuaire #affichage {
    border: 1px solid #e1e1e8;
    margin-bottom: 20px;
    float: left;
}

div#annuaire #affichage a {
    padding: 8px 12px;
    float: left;
}

div#annuaire #affichage a.current {
    background: url("../images/bg-filtres.png") repeat-x scroll 50% 50% #f6f6f6;
}

div#annuaire #affichage a img {
    margin-top: 3px;
}

div#annuaire #affichage a+a {
    margin-left: 0;
}

div#annuaire p#result_search_etu {
    clear: both;
}

div#annuaire table#annuaire, div#annuaire table.annuaire {
    border-collapse: separate;
    width: 100%;
}

div#annuaire table#annuaire tr:nth-child(even), div#annuaire table.annuaire tr:nth-child(even) {
    background-color: #f6f6f6;
}

div#annuaire table#annuaire tr td, div#annuaire table.annuaire tr td {
    border-right: 1px solid #e1e1e8;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
}

div#inscr_pedago table#search tr td:first-child {
    width: auto;
}

div#annuaire table.annuaire tr td:nth-child(2) table.user {
    margin-left: 10px;
}

div#annuaire table#annuaire tr td:last-child, div#annuaire table.annuaire tr td:last-child {
    border: 0;
}

div#annuaire table.user {
    width: auto;
}

div#annuaire table#annuaire table.user tr td, div#annuaire table.annuaire table.user tr td {
    border: 0;
    vertical-align: top;
}

div#annuaire table.annuaire table.user tr:first-child td:first-child {
    width: 105px;
}

div#annuaire table#annuaire table.user tr, div#annuaire table.annuaire table.user tr {
    background-color: transparent;
}

div#annuaire table#search, div#inscr_pedago table#search {
    margin-bottom: 20px;
}

div#annuaire table#search p, div#inscr_pedago table#search p {
    margin: 0;
    width: auto;
}

div#annuaire table#search label, div#inscr_pedago table#search label {
    margin-bottom: 0;
    float: left;
    line-height: 12px;
}

div#inscr_pedago table#search label {
    margin-bottom: 5px;
}

div#annuaire table#search p#order_by {
    float: left;
}

div#annuaire table#search div, div#inscr_pedago table#search div {
    display: none;
    float: left;
    clear: none;
}

div#annuaire table#search div p, div#inscr_pedago table#search div p {
    float: left;
    clear: none;
}

div#annuaire table#search select#sort,
div#annuaire table#search input#search,
div#annuaire table#search select,
div#annuaire div#cours_chosen,
div#annuaire div#theme_chosen {
    float: left;
    margin: 5px 15px 0 0;
}

div#annuaire select#cours, div#annuaire select#theme {
    max-width: none;
    width: auto;
}

div#annuaire div#cours_chosen div.chosen-search, div#annuaire div#theme_chosen div.chosen-search {
    width: 100%;
    box-sizing: border-box;
}

div#annuaire div#cours_chosen ul.chosen-results, div#annuaire div#theme_chosen ul.chosen-results {
    clear: both;
}

div#annuaire table#search div#cours_chosen, div#annuaire table#search div#theme_chosen {
    clear: both;
}

div#annuaire div.chosen-container {
    min-width: 650px !important;
}

div#annuaire table#search select:active, div#annuaire table#search select:focus {
    clear: both;
}

div#annuaire table#search input#search {
    margin-top: 17px;
    clear: none;
}

/*VARIABLES ET FILES*/

#variables #profil_id input[type="checkbox"]+label {
    margin-left: 5px;
}

#variables div input[type="button"],
#files div input[type="button"],
input#affecte_cours,
#rech_liste_revue input[type="button"],
#alertes input[type="button"] {
    background: #dd2334;
    background: linear-gradient(to bottom, rgb(216, 60, 71) 0%, rgb(221, 35, 52) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid red;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    margin: 0 0 20px 0;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    clear: both;
    width: auto;
    display: block;
}

#variables div a:hover, #files div a:hover {
    text-decoration: none;
}

#variables form.form input[type="submit"], #files form.form input[type="submit"] {
    margin-top: 10px;
}

#variables table, #files table {
    width: 100%;
}

#files table#search {
    margin-bottom: 20px;
}

#files .form .NFI-wrapper {
    margin-bottom: 20px;
}

#files p#instruction {
    clear: both;
}

/*Statistiques des pages*/

#statistiques table {
    width: 100%;
}

#statistiques table tr td.type_menu {
    background-color: #ded3cc !important;
    border-left: none;
}

#statistiques p#p_nb_result_stat, #statistiques p#p_page, #statistiques p#p_date {
    display: none;
}

#statistiques p#p_page, #statistiques p#p_date {
    float: left;
}

#statistiques input#date {
    width: 70px;
}

#statistiques input#page {
    width: 200px;
}

#result_rights_menu {
    margin-bottom: 40px;
}

/*Documents*/

#documents table {
    width: 100%;
}

/*Nouveau personnel*/

div#nouveau_personnel span {
    clear: both;
    float: left;
    font-style: italic;
}

div#nouveau_personnel img {
    float: left;
    clear: both;
    margin-top: 25px;
}

div#nouveau_personnel h2 {
    float: left;
    margin-left: 30px;
}

div#nouveau_personnel ul {
    float: left;
    margin-left: 30px;
}

div#stat_global_intranet div#canvas-holder {
    margin-bottom: 15px;
}

div#stat_global_intranet div#legende div {
    float: left;
    width: 150px;
    margin-top: 5px;
}

div#stat_global_intranet div#legende div:nth-child(3) {
    clear: both;
}

div#stat_global_intranet div#legende div p.box {
    width: 15px;
    height: 15px;
    float: left;
}

div#stat_global_intranet div#legende div p.box+span {
    float: left;
    margin-left: 5px;
    margin-top: 2px;
}

div#stat_global_intranet div#legende div p#adm {
    background-color: #F54C68;
}

div#stat_global_intranet div#legende div p#ens {
    background-color: #2E2E2E;
}

div#stat_global_intranet div#legende div p#tut {
    background-color: #AD7E32;
}

div#stat_global_intranet div#legende div p#etu {
    background-color: #DBD630;
}

/*conventions*/

.label_inline {
    display: inline-block;
    font-weight: bold;
    margin-left: 15px;
    padding: 5px;
}

/*CSS DES PLANS DE COURS*/

div#plans_de_cours {
    margin-top: 20px
}

div#plans_de_cours hr {
    margin-top: 5px;
}

h3#dupli_cours {
    display: inline-block;
}

div#plans_de_cours .saisie_syllabi {
    margin-top: 10px;
    margin-bottom: 10px;
}

div#plans_de_cours .bt_add {
    margin-bottom: 10px;
    background-color: #cfbca9;
    font-weight: bold;
    border: none;
}

div#plans_de_cours p#responsable {
    text-align: right;
}

div#plans_de_cours p#responsable a {
    color: black;
    font-size: 14px;
}

div#plans_de_cours span.help {
    margin-right: 5px;
}

div#plans_de_cours div[class^="accordion"] {
    clear: both;
}

div#plans_de_cours a:active, div#plans_de_cours a:focus {
    border: none;
}

div#plans_de_cours a:active {
    position: relative;
    top: 1px;
}

div#plans_de_cours.sick, div#plans_de_cours.sick2 {
    width: 100%;
    border: 1px solid #ddd;
    margin: 0 auto;
    margin-top: 20px;
    padding: 11px;
    padding-top: 10px;
}

div#plans_de_cours.sick2 {
    background-color: #efefef;
}

div#plans_de_cours#titleCode {
    font-size: 12px;
    color: grey;
    padding-left: 20px;
}

div#plans_de_cours.todo {
    border-left: 8px solid #E88;
    /* background-color:#FFE6E6;*/
}

div#plans_de_cours.todo h4:before {
    content: "? ";
    color: #E88;
}

div#plans_de_cours.exclu {
    background-color: #ADD8E6;
}

div#plans_de_cours.exclu li {
    margin-left: 30px;
    padding-left: 10px;
    list-style-type: square;
    background: none;
}

div#plans_de_cours#excluConsult .exclu {
    background: white;
    line-height: 10px;
}

div#plans_de_cours.saved {
    /*border-left:6px solid #9D9; */
    /* background-color:#E6FFE6;*/
}

div#plans_de_cours.saved:after {
    content: " ?";
    color: #090;
}

/* indications plus petites et gris�es */

div#plans_de_cours.indication {
    color: #888;
    font-style: italic;
    font-size: 0.8em;
}

/* style pour les niveaux de comp�tences des objectifs p�dagogiques */

div#plans_de_cours.nivoPedago {
    padding: 0px 3px;
    background-color: #99B;
    border: 1px solid #779;
    margin-right: 10px;
    /*float:left;
      height:30px;
      line-height:30px;*/
    font-weight: bold;
}

div#plans_de_cours.help {
    float: right;
    margin-top: -10px;
}

div#plans_de_coursinput[type="submit"] {
    cursor: pointer;
}

/*ul#sortable li{
cursor:n-resize;
}*/

div#plans_de_cours ul#sortable li .cadre {
    border: 1px solid;
    width: 95%;
}

div#plans_de_cours ul#sortable li .suppr {
    border-bottom: 1px dashed;
    text-align: right;
    width: 95%
}

div#plans_de_cours h1 {
    color: #fff;
    font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
    font-size: 30px;
    background-color: #404040;
    margin: -12px;
    margin-bottom: 0;
    padding: 5px;
}

div#plans_de_cours h4 {
    color: #fff;
    background-color: #707070;
    box-sizing: border-box;
    padding: 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 7px;
    width: 100%;
}

div#plans_de_cours h4.titreInterne {
    background-color: #99B;
    padding: 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 7px;
    width: 100%;
}

div#plans_de_cours h5 {
    font-size: 16px;
    background-color: #ddd;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 5px;
    line-height: 16px;
}

div#plans_de_cours img.hh {
    margin-bottom: -5px;
    margin-left: 8px;
    /*border:1px solid black;*/
}

div#plans_de_cours .forecast {
    float: right;
    width: 100px;
    text-align: center;
    font-size: 10px;
}

/*.forecast img{
-moz-border-radius:5px;
}*/

div#plans_de_cours img#editim {
    margin-right: 8px;
    margin-top: 7px;
    cursor: pointer;
}

div#plans_de_cours .meuh {
    cursor: pointer;
}

div#plans_de_cours .meuh:hover {
    color: #99B;
}

div#plans_de_cours .soussoustitre {
    color: #7688A8;
    font-weight: bold;
    font-size: 20px;
    font-family: "Century Gothic", /* Windows (HP printer) */
        "Avant Garde Gothic", /* HP font name */
        "Avant Garde", /* MacOS */
        "URW Gothic L", /* Unix+X+FontConfig */
        helvetica, /* Unix+X, GayMacOS */
        sans-serif;
    display: inline;
    padding-left: 36px;
    padding-right: 12px;
    background: url('../images/bulb.png') no-repeat 0 1px;
    background: url('../images/h2.png') no-repeat 0 0px;
    border-bottom: 1px dotted #A1B9DF;
}

div#plans_de_cours .gdTitre {
    font-family: 'AurulentSansBold', Arial, serif;
    font-size: 26px;
    background: url('../images/bullet1.png') 0 12px no-repeat;
    margin-left: 20px;
    padding-top: 1px;
}

div#plans_de_cours .titre2 {
    background: url("../images/pepperm.png") 0 6px no-repeat;
    color: #6FB1EB;
    color: #7688A8;
    font-size: 16px;
    font-weight: bold;
    padding: 0 10px 0 13px;
    margin-left: 8px;
    border-bottom: 1px dotted #A1B9DF;
}

div#plans_de_cours a, div#plans_de_cours a:link, div#plans_de_cours a:visited {
    color: #375980;
}

div#plans_de_cours a:hover {
    color: #808080;
    color: #FF9900;
}

div#plans_de_cours ul {
    list-style-type: none;
}

div#plans_de_cours a {
    font-size: 18px;
}

div#plans_de_cours li.goose {
    margin-bottom: 25px;
}

div#plans_de_cours ul li ul li a, div#plans_de_cours ul li ul li a:link, div#plans_de_cours ul li ul li a:visited {
    font-weight: bold;
    color: #000;
    font-size: 16px;
}

div#plans_de_cours ul li ul li {
    padding-top: 15px;
}

div#plans_de_cours ul li ul li:first-line {
    font-weight: bold;
}

div#plans_de_cours ul ul ul li {
    list-style-type: square;
    background: none;
    padding: 0px;
    margin-left: 20px;
}

div#plans_de_cours ul ul ul li:first-line {
    font-weight: 200;
}

div#plans_de_cours .pdf {
    display: block;
    padding-left: 36px;
    text-decoration: none;
    line-height: 28px;
}

div#plans_de_cours a img {
    border: 0
}

div#plans_de_cours a img{border:0}

div#plans_de_cours #cont {}

div#plans_de_cours #head-bg {
    background: #2d4d64 url('../images/head.jpg') top center repeat-x;
}

div#plans_de_cours #head-cont {
    margin: 0 auto;
    height: 197px;
    width: 960px;
}

div#plans_de_cours #head-cont2 {
    position: absolute;
    width: 960px;
}

div#plans_de_cours #contmenu {
    float: left;
    margin-top: 74px;
}

div#plans_de_cours #men-top-left {
    float: left;
    height: 95px;
    padding-top: 5px;
    font-size: 12px;
}

div#plans_de_cours #men-top-right {
    float: right;
    width: 220px;
    text-align: right;
    color: #fff;
    font-size: 10px;
}

div#plans_de_cours #homelink {
    float: left;
    margin-top: 4px;
    margin-right: 15px;
    margin-left: 15px;
}

div#plans_de_cours #mainwrap {
    width: 100%;
    float: left;
    margin-top: 20px;
}

div#plans_de_cours #maincont {
    margin: 0 auto;
    width: 950px;
}

div#plans_de_cours #finfo {
    border: 1px dotted #ddd;
    width: 800px;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    margin-bottom: 8px;
}

div#plans_de_cours .win-top {
    background: url('../images/top.jpg') no-repeat 0 0;
    height: 61px;
}

div#plans_de_cours .win-top div {
    color: #eee;
    padding-left: 25px;
    font-weight: bolder;
}

div#plans_de_cours .win-bot {
    background: url('../images/bot.jpg') no-repeat 0 0;
    height: 19px;
}

div#plans_de_cours .win {
    background: url('../images/mid.jpg') top left repeat-y;
    padding-bottom: 20px;
}

div#plans_de_cours .win-big {
    width: 948px;
    margin-left: 1px;
    background: #d7d7d7;
    padding-bottom: 20px;
}

div#plans_de_cours #inn {
    padding-left: 14px;
    text-align: justify;
    width: 920px;
}

div#plans_de_cours @font-face {
    font-family: 'AurulentSansBold';
    src: url('../fonts/AurulentSans-Bold-webfont.eot');
    src: local('?'),
        url('../fonts/AurulentSans-Bold-webfont.woff') format('woff'),
        url('../fonts/AurulentSans-Bold-webfont.ttf') format('truetype'),
        url('../fonts/AurulentSans-Bold-webfont.svg#webfontfq5mClxr') format('svg');
    font-weight: normal;
    font-style: normal;
}

div#plans_de_cours .clear {
    clear: both;
}

div#plans_de_cours .taable {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

div#plans_de_cours .taable td, #taable th {
    word-wrap: break-word;
    font-size: .9em;
    border: 1px solid #d7d7d7;
    border-bottom: 1px solid #111;
    padding: 7px;
}

div#plans_de_cours .taable td .nobreak, #taable th .nobreak {
    word-wrap: normal;
}

div#plans_de_cours .taable th {
    font-size: 1em;
    text-align: left;
    padding: 6px;
    background-color: #808080;
    color: #ffffff;
}

div#plans_de_cours .taable tr.alt td {
    color: #000000;
    background-color: #EAF2D3;
}

div#plans_de_cours .error {
    color: red;
    padding: 10px;
}

div#plans_de_cours .success {
    color: green;
    font-weight: bold;
    padding: 10px;
}

div#plans_de_cours .indication {
    font-weight: bold;
}

div#plans_de_cours .titreTableau {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background-color: #808080;
    padding: 5px
}

div#plans_de_cours .celluleTableau {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #222163;
    background-color: #fff;
}

div#plans_de_cours .celluleTableau2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000080;
    background-color: #F5FFFC;
}

div#plans_de_cours .ligneTableau1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000080;
    background-color: #c3c3c3;
    padding: 5px
}

div#plans_de_cours .ligneTableau2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000080;
    background-color: #A6CCF1;
    padding: 5px
}

div#plans_de_cours .ligneTableau3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000080;
    background-color: #FCA252;
    padding: 5px
}

div#plans_de_cours .ligneTableau4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000080;
    background-color: #E0E5EA;
    padding: 5px
}

div#plans_de_cours table.ct {
    clear: both;
}

div#plans_de_cours table.ct td, div#plans_de_cours table.ctth {
    padding: .4em;
    color: #363636;
}

div#plans_de_cours table tr:first-child td, div#plans_de_cours table tr:first-child th {
    border-top: 1px solid #e1e1e8;
}

div#plans_de_cours table.ct th {
    background: #999;
    color: #fff;
}

div#plans_de_cours table.ct tbody th, table.ct tbody td {
    vertical-align: top;
}

div#plans_de_cours .odd {
    background: #AEE239;
}

div#plans_de_cours #overlay {
    z-index: 5;
    position: fixed;
    top: 0px;
    bottom: 0px;
    height: auto;
    right: 0px;
    left: 0px;
    width: auto;
    background: #BBB;
    filter: alpha(opacity=90);
    opacity: 0.9;
}

div#plans_de_cours .helpText {
    z-index: 7;
    position: fixed;
    top: 80px;
    bottom: 80px;
    height: auto;
    left: 110px;
    right: 110px;
    width: auto;
    border: 1px solid grey;
    border-radius: 20px;
    padding: 20px;
    background: white;
    box-shadow: 6px 6px 5px #999;
    filter: alpha(opacity=95);
    opacity: 0.95;
    overflow: scroll;
}

div#plans_de_cours .closeHelpText {
    cursor: pointer;
    z-index: 10;
    position: fixed;
    height: 30px;
    width: 30px;
    background: red;
    right: 150px;
    top: 80px;
    border: 1px solid #866;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    color: white;
}

div#plans_de_cours .objPedaRowsTd1 {
    padding: 2px;
    border-bottom: 1px dashed #bbb;
}

div#plans_de_cours .validButton {
    padding: 10px;
    background-color: #E77;
    border-radius: 10px;
    font-weight: bold;
}

div#plans_de_cours .unValidButton {
    margin: 6px;
    padding: 6px;
    background-color: #EE7;
    border-radius: 10px;
    font-weight: bold;
}

div#plans_de_cours .ptexte {
    font-size: 16px;
    text-align: justify;
}

/* Explications Tracks*/

div#plans_de_cours #trackexpl {
    font-size: 12px;
    border: 1px solid grey;
    margin-top: 10px;
    padding: 5px;
    text-align: justify;
}

/*Programme*/

div#programme div#programme_chosen {
    width: 450px !important;
}

div#programme div.accordion {
    margin-top: 20px;
    clear: both;
    float: left;
}

div#programme p {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

div#programme span.add_cours {
    margin-bottom: 20px;
    float: left;
}

div#programme div.col_right div {
    margin-top: 5px;
    float: left;
    background-color: transparent !important;
}

div#programme .param_bloc i, div#programme .update_ue i {
    font-size: 21px;
    float: left;
}

div#programme .param_bloc span, div#programme .update_ue span {
    float: left;
    margin: 3px 0 0 5px;
}

div#programme div.edit {
    width: auto;
    float: right;
}

div#programme div.edit a, div#programme div.edit span {
    float: left;
}

div#programme div.edit span {
    width: 1px;
    height: 16px;
    margin: 1px 5px 0 5px;
    background-color: #e1e1e8;
}

div#programme div.edit i {
    font-size: 21px;
    color: #DD2334;
    vertical-align: middle;
}

div#programme div.cours_ue img {
    margin: -2px 5px 0 0;
    float: left;
}

div#programme i.add_elem {
    float: left;
    color: #2861bc;
    margin-right: 5px;
}

div#programme i.add_elem+a {
    float: left;
    margin: 5px 0 0 0;
}

div#programme .semestre {
    margin: 5px !important;
    margin-top: 10px !important;
    text-decoration: none;
    color: #520020;
    text-align: center !important;
    width: 100%;
}

div#programme hr+.ue {
    margin-top: 10px;
}

div#programme .ue {
    background-color: #dd2334;
    padding: 3px !important;
    color: #3c3c3c !important;
    font-size: 13px;
    margin-top: 30px;
    margin-bottom: 10px;
    width: 100%;
    font-weight: bold;
    color: white;
}

div#programme .ue i, div#programme .ue span {
    color: white;
}

div#programme .ue a {
    float: right;
    margin: 1px 10px 0 0;
    color: white;
}

div#programme .ue a i {
    font-size: 21px;
}

div#programme .discipline {
    font-weight: bold;
    margin-top: 5px !important;
    margin-bottom: 14px !important;
}

div#programme .cours_enfant {
    margin: 5px 0 0 30px;
    display: none;
}

div#programme .cours_enfant .edit {
    float: left;
    margin-left: 60px;
}

div#programme .cours_enfant .cour_enfant {
    float: left;
    clear: both;
}

div#programme #select_prog {
    display: none;
}

div#programme .toggle_cours_enfants {
    cursor: pointer;
}

/*Organigramme*/

div#organigramme {
    text-align: center;
}

div#organigramme iframe {
    display: inline;
    margin-top: -1px;
}

div#organigramme #get_screen img {
    width: 20px;
    float: left;
}

div#organigramme #get_screen span {
    float: left;
    margin: 5px 0 0 5px;
}

div#organigramme #get_screen span:hover {
    text-decoration: underline;
}

div#organigramme #content_to_print {
    clear: both;
    margin-top: 20px;
    float: left;
}

div#organigrammediv#content_to_print table {
    width: auto;
}

div#organigrammediv#content_to_print span, div#organigrammediv#content_to_print div {
    color: #181818;
    font-size: 11px;
    text-align: left;
    line-height: 11px;
}

div#organigramme div#content_to_print a {
    color: #2E2E2E;
    margin-left: 5px;
    display: block;
}

div#organigramme div#content_to_print a:hover {
    color: #446775;
}

div#organigrammediv#content_to_print #directrice {
    color: #FFFFFF;
    font-size: 25px;
    line-height: 25px;
}

div#organigramme #get_screen {
    margin: 10px 0 0 30px;
    display: block;
}

div#fancy_organigramme {
    float: left;
    font-size: 14px;
    text-align: left;
    width: 350px;
}

div#fancy_organigramme h5 {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 16px;
}

div#fancy_organigramme img#avatar {
    margin-right: 20px;
}

div#fancy_organigramme table tr td {
    width: auto;
}

/**** CV ****/

div#cv div#autre_langue div label {
    float: left;
    margin: 15px 5px 0 0;
}

div#cv div#autre_langue div select {
    clear: none;
}

div#cv div#autre_langue div {
    float: left;
    clear: both;
    margin-top: 10px;
}

input[class^="datepicker"] {
    float: left;
}

div#cv div[class^="accordion"] label.langue, div#edit_user div[class^="accordion"] label.langue {
    width: 240px;
    margin-bottom: 10px;
}

div#cv div[class^="accordion"] label.langue+input, div#edit_user div[class^="accordion"] label.langue+input {
    clear: both;
}

div#cv div#cotutelle, div#edit_user div#cotutelle {
    display: none;
}

div#cv div#grand_domaine p, div#edit_user div#grand_domaine p, div.compte div#grand_domaine p {
    margin-bottom: 0;
}

div#cv div#grand_domaine label, div#edit_user div#grand_domaine label {
    width: auto;
}

div#edit_user select#publi {
    clear: both;
    float: left;
    width: auto;
}

div#cv div#sum_publi fieldset p, div#edit_user div#sum_publi fieldset p, div.compte div#sum_publi fieldset p {
    margin: 0 0 10px;
    padding: 0;
    clear: both;
    float: left;
    width: 90%;
    font-size: 11px;
}

div#cv div#sum_publi p#instruction, div#edit_user div#sum_publi p#instruction, div.compte div#sum_publi p#instruction {
    margin-bottom: 20px;
}

div#cv p.publi+a, div#edit_user p.publi+a, div.compte p.publi+a {
    float: right;
}

div.compte div#sum_publi a.delete_publi {
    float: right;
    margin: 2px 5px 0 0;
}

div.compte div#formations_equipe {
    display: none;
}

div#cv div#publi, div#edit_user div#publi, div.compte div#publi {
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 96%;
}

div#edit_user img#delete, div.compte img#delete {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 17px;
    width: 14px;
}

div#cv div#publi h4, div#edit_user div#publi h4, div.compte div#publi h4 {
    font-size: 13px;
    margin: 20px 0 10px 0;
    line-height: 13px;
    text-decoration: underline;
}

div#edit_user a.add, div#add_user a.add, div.compte a.add {
    background: black;
    background: linear-gradient(to bottom, #585858 0%, #262626 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid black;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
    clear: both;
    color: #ffffff;
    float: left;
    font-size: 11px;
    line-height: 11px;
    margin: 10px 0 5px 0;
    padding: 4px 8px 3px;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(103, 24, 13, 0.35);
    text-transform: none;
    width: auto;
}

div#edit_user span#note, div#add_user span#note, div.compte span#note {
    clear: both;
    float: left;
    font-size: 11px;
    line-height: 11px;
    margin: -10px 0 20px 0;
}

div#edit_user img.delete, div#add_user img.delete, div.compte img.delete {
    cursor: pointer;
    margin-left: 5px;
    width: 14px;
}

div#edit_user div#cotutelle, div#add_user div#cotutelle, div.compte div#cotutelle {
    display: none;
}

div#edit_user select#disci, div#add_user select#disci, div.compte select#disci {
    float: left;
}

div#edit_user input#autres_disci, div#add_user input#autres_disci, div.compte input#autres_disci {
    display: none;
    float: left;
    clear: none;
    margin-left: 10px;
}

div#edit_user fieldset#service img.delete_service,
div#edit_user fieldset#service img.service_to_delete,
div#add_user fieldset#service img.delete_service {
    float: right;
    clear: both;
    margin-right: 10px;
    cursor: pointer;
}

div.compte div#langue {
    right: 60px;
    top: 16px;
}

div.compte div#legende {
    border: 1px solid #ebebe1;
    display: table;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
}

div.compte div#legende img {
    width: 17px;
    margin: 0 5px;
    float: left;
}

div.compte div#legende span {
    float: left;
    margin: 1px 50px 0 0;
}

div#edit_user fieldset#entr_prof_annu, div#edit_user fieldset#fiche_poste {
    width: 50%;
    height: 160px;
}

div#edit_user fieldset#fiche_poste {
    margin-left: -1px;
}

div.compte div#fiche_entretien, div#edit_user div#fiche_entretien {
    margin: 10px 0;
}

div.compte div#publications {
    float: left;
    clear: both;
}

div#edit_user div#publi span, div.compte div#publi span {
    font-size: 11px;
    line-height: 11px;
    font-style: italic;
    margin-left: 10px;
}

div#autre_langue label {
    clear: both;
    float: left;
    font-size: 12px;
    margin: 15px 10px 0 0;
    width: auto;
}

div#autre_langue select {
    clear: none;
    float: left;
    margin: 10px 0 0 20px;
    width: auto;
}

div#autre_langue img.minus, div#autre_langue img.delete {
    float: left;
    margin: 15px 0 0 5px;
}

/**** Evenements ****/

div#add_evenement input#add_fichier_evenement, input#add_photos_evenement {
    border-radius: 10px;
    padding: 2px 10px;
    margin-right: 5px;
    clear: none;
    width: auto;
    box-shadow: none;
}

div#add_evenement input#valid_intitule {
    margin-left: 10px;
    width: auto;
    clear: none;
}

div#add_evenement span.error {
    margin: 0px 0 0 10px;
    clear: none;
    padding: 4px 5px 5px 5px;
    font-size: 11px;
    line-height: 11px;
    width: auto;
}

div#liste_evenements p#element_to_add {
    margin-bottom: 15px;
    float: left;
}

div#add_evenement span#filedrag, div#edit_evenements span#filedrag {
    border: 2px dashed #e0e0e0;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    width: 200px;
    float: left;
}

div#add_evenement div#element_added div.vignette_event strong,
div#edit_evenements div#element_added div.vignette_event strong {
    margin-bottom: 5px;
    display: block;
}

div#add_evenement div#element_added div.vignette_event:nth-child(5n+1),
div#edit_evenements div#element_added div.vignette_event:nth-child(5n+1),
div#liste_evenements h2+a+a+a+a+a+a {
    clear: both;
}

div#add_evenement div#element_added, div#edit_evenements div#element_added {
    text-align: center;
    clear: both;
}

div#add_evenement div#element_added div.vignette_event, div#edit_evenements div#element_added div.vignette_event {
    float: left;
    margin: 0 0 20px 0;
    clear: none;
    position: relative;
    width: 20%;
    text-align: center;
}

div#add_evenement div#element_added img:not(.icone_delete) {
    width: 150px;
    margin: 5px 0 15px 0;
}

div#liste_evenements h2 {
    clear: both;
    float: left;
}

div#liste_evenements p {
    margin-bottom: 0;
    clear: none;
}

div#liste_evenements p.photo {
    width: 20%;
    margin-bottom: 20px;
}

div#liste_evenements p+h2 {
    margin-top: 20px;
}

div#liste_evenements h2+p {
    clear: both;
}

div#liste_evenements p img, div#liste_evenements p img, div#edit_evenements p img {
    width: 150px;
    height: 100px;
}

div#liste_evenements img.icone_delete, div#edit_evenements img.icone_delete {
    width: 15px;
    position: absolute;
    right: 12px;
    top: 12px;
    height: 15px;
}

div#edit_evenements input.titre_evenements_documents {
    float: left;
    margin: 10px 0 0 0;
    clear: both;
}

div#edit_evenements input.titre_evenements_documents+span {
    float: left;
    margin: 15px 0 0 10px
}

div#edit_evenements img.delete {
    width: 16px;
    height: 16px;
    float: left;
    margin: 15px 0 0 10px;
}

div#liste_evenements table.pagination tr:first-child td {
    padding: 6px 0;
    text-align: center;
}

div#liste_evenements a.all_photos {
    font-weight: normal;
    float: right;
    margin: 5px 20px 0 0;
    font-size: 12px;
}

div#liste_evenements a.all_photos:hover {
    text-decoration: underline;
}

div#liste_evenements div.under_h3 div.doc {
    clear: both;
}

div#liste_evenements div.under_h3 h2 {
    margin-top: 0;
}

div#liste_evenements div.under_h3 div.doc+div.doc {
    clear: none;
}

div#add_evenement img.icone_delete {
    width: 15px;
    position: absolute;
    right: 12px;
    top: 17px;
}

div#meteo {
    right: 0px;
    top: 300px;
    position: absolute;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 1);
    color: #FFF;
    font-weight: bold;
    text-align: center;
}

/**** PAGE DOCUMENTS ****/

div#documents_content {
    display: inherit;
    margin-top: 25px;
    width: 100%;
    box-sizing: border-box;
}

div.doc {
    border: 1px solid #ebebe1;
    float: left;
    margin: 0 10px 10px 0;
    padding: 15px 0;
    position: relative;
    text-align: center;
    width: calc(10% - 12px);
}

div.doc:hover {
    background-color: #f6f6f6;
}

div.doc a.remove {
    position: absolute;
    right: -7px;
    top: -7px;
}

div.doc a.remove img {
    width: 13px;
}

div.doc a:not(.remove) {
    height: 100%;
    width: 100%;
    float: left;
}

div.doc a:not(.remove) img {
    width: 20px;
    height: 20px;
}

div.doc input, div.doc span {
    background-color: transparent;
    border: 1px solid transparent;
    box-sizing: border-box;
    color: black;
    float: left;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 2px);
    word-wrap: break-word;
}

#docs_to_add {
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

#element_to_add {
    position: relative;
    overflow: hidden;
}

#docs_to_add label {
    color: #de4881;
    font-family: "Open Sans", sans-serif;
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;
    margin: 0px 0 10px 0;
}

#docs_to_add span {
    border: 2px dashed #e0e0e0;
    float: left;
    font-weight: bold;
    padding: 50px 10px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

#docs_to_add span.hover, #element_to_add span.hover {
    border: 2px dashed red !important;
}

#docs_to_add #loader, #element_to_add #loader {
    height: 100%;
    opacity: 0.5;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 20003;
}

#docs_to_add #loader #loader_progress, #element_to_add #loader #loader_progress {
    background-color: #dd2334;
    height: 100%;
}

#docs_to_add #loader #loader_activity, #element_to_add #loader #loader_activity {
    animation: 500ms linear 0s normal none infinite running loader;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-size: 32px 32px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: -32px;
    top: 0;
}

@keyframes loader {
    0% {
        transform: none;
    }
    100% {
        transform: translate(-32px, 0px);
    }
}

/**** HOME ****/

/**** WIDGET ****/

.widget-column {
    width: 25%;
    float: left;
}

.widget-column:last-child {
    margin-left: 0;
}

.widget {
    margin-bottom: 10px;
    margin-right: 10px;
}

.widget .widget-header {
    background-color: #2b2a28;
    border: 1px solid #353432;
    color: white;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.widget .widget-info {
    background: #f6f6f6 url("../images/info.png") no-repeat scroll 10px 8px;
    border-left: 1px solid #eeeee0;
    border-right: 1px solid #eeeee0;
    color: #888;
    font-size: 11px;
    line-height: 11px;
    font-style: italic;
    padding: 9px 10px 7px 32px;
}

.widget .widget-body {
    border: 1px solid #eeeee0;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px;
}

div#wgt-annuaire input {
    width: 100%;
    box-sizing: border-box;
    font-size: 11px;
}

div#wgt-annuaire div#annuaire_results table, div#wgt-annuaire div#annuaire_results span {
    margin-top: 10px;
}

div#wgt-annuaire div#annuaire_results span.error {
    margin: 0;
    font-size: 11px;
    line-height: 11px;
    float: none;
    display: block;
}

div#wgt-connected h2 {
    margin-top: 10px;
    color: black !important;
}

div#wgt-connected h2:first-child {
    margin-top: 0;
}

div#wgt-connected h2 {
    color: #666;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

div#wgt-connected h2+span {
    margin: -10px 0 10px 0;
    float: left;
    clear: both;
}

div#wgt-connected ul {
    clear: both;
}

div#wgt-connected a.prev_connected_page+a.next_connected_page {
    margin-left: 10px;
}

/**** REPORTS ****/

div#reports div.col_left {
    float: left;
    height: 400px;
    overflow-y: auto;
    width: auto;
    margin-right: 30px;
    padding-right: 20px;
}

div#reports div.col_left h2 {
    margin-bottom: 15px;
}

div#reports div.col_left hr {
    margin: 10px 0;
}

div#reports div.col_right {
    float: left;
    width: auto;
}

div#report_erreur p#instruction {
    margin-bottom: 20px;
}

/**** RECHERCHE ****/

#page_perso_ens div.col_left, #page_perso_ens div.col_right {
    margin: 10px 10px 15px 0;
    width: auto;
}

#page_perso_ens span {
    font-weight: bold;
}

#page_perso_ens div#citation {
    clear: both;
    float: left;
    margin: 10px 0 20px 0;
}

#page_perso_ens div#citation img {
    width: 15px;
    margin: 0 5px;
}

#rech_liste_enseignant img {
    width: 40px;
}

#rech_liste_enseignant img.edit {
    width: 20px;
}

#rech_liste_revue a {
    text-decoration: none;
}

#rech_edit_pageperso p, #rech_edit_pageperso textarea {
    width: 100%;
    box-sizing: border-box;
}

#rech_edit_pageperso div#grand_domaine p {
    margin: 0;
}

#rech_edit_pageperso input[type="checkbox"] {
    margin-right: 5px;
}

/**** referenciels_activites ****/

div#referenciels_activites {
    text-align: center;
}

div#referenciels_activites iframe {
    display: inline-block;
}

/**** Listes de diffusion ****/

div#all_liste a, div#all_liste p {
    display: inline-block;
}

div#all_liste span {
    color: red;
}

/**** Parcours étudiant ****/

div#cursus_etudiant div#filtres input {
    margin-left: 15px;
}

div#cursus_etudiant button {
    padding: 5px;
}

div#cursus_etudiant button span {
    float: left;
    margin: 0 5px;
}

div#cursus_etudiant button img {
    float: left;
}

div#cursus_etudiant h4 {
    cursor: pointer;
}

div#cursus_etudiant h5 {
    float: left;
    clear: both;
    margin-bottom: 5px;
}

div#cursus_etudiant img.black_arrow_down {
    float: left;
    margin: 8px 0 0 8px;
}

div#cursus_etudiant div.affiche_ip,
div.affiche_stages,
div#cursus_etudiant div.affiche_cours,
div#cursus_etudiant div.affiche_missions {
    display: none;
    float: left;
    clear: both;
    margin-bottom: 20px;
    width: 100%;
}

div#cursus_etudiant div.stages_under_h5 {
    display: none;
}

div#cursus_etudiant div.stages_under_h5+h5 {
    margin-top: 10px;
}

div#cursus_etudiant div.affiche_cours div:not(.cours_detail_h5):not(.cours_detail) {
    clear: both;
    color: red;
    font-weight: bold;
    margin-bottom: 5px;
    float: left;
}

div#cursus_etudiant div.affiche_cours h5 {
    margin: 5px 0;
    cursor: pointer;
}

div#cursus_etudiant div.affiche_cours h5 img.black_arrow_down {
    float: right;
    margin: 7px 0 0 8px;
}

div#cursus_etudiant div.affiche_cours div.cours_detail {
    width: auto;
    float: left;
    clear: both;
}

div#cursus_etudiant div.affiche_cours div.cours_detail_h5 {
    width: 100%;
    background: #ccc;
    margin: 5px 5px 5px 0;
    clear: both;
    float: left;
    display: none;
}

/**** Chartes ****/

div#lang_charte {
    position: absolute;
    top: 10px;
    right: 10px;
}

div#lang_charte a {
    outline: none;
}

div#chartes table.menu tr td {
    width: 50%;
}

div#chartes table#search select, div#chartes table#search input {
    float: left;
}

div#chartes div#etu {
    display: none;
}

div#chartes div#result_search {
    margin-top: 20px;
}

div#charte a#edit_pop_spe {
    margin: 5px 0 0 0;
    display: block;
}

div#popup_chartes p {
    float: left;
    clear: both;
    margin: 0;
}

div#popup_chartes label {
    float: left;
}

div#popup_chartes input {
    float: left;
    clear: none;
    margin-right: 5px;
}

div#popup_pop_spe div#result_search table,
div#popup_pop_spe div#selected_pop_spe,
div#popup_pop_spe div#selected_pop_spe input {
    margin-top: 20px;
}

div#popup_pop_spe table#search select, div#popup_pop_spe table#search input {
    float: left;
    clear: none;
}

div#popup_pop_spe table#search select+input, div#popup_pop_spe table#search select+input+input {
    margin-left: 5px;
}

div#popup_pop_spe form#form_pop_spe {
    display: none;
}

div#popup_pop_spe input#excel {
    display: none;
    background-color: white;
    height: 21px;
    padding: 1px 5px;
    font-size: 11px;
}

img.delete_pop_spe:hover {
    cursor: pointer;
}

/**** Alertes ****/

div#alertes p, div#sondage p {
    float: none;
}

div#alertes p#requete_etudiants,
div#alertes p#requete_utilisateurs,
div#sondage p#requete_etudiants,
div#sondage p#requete_utilisateurs {
    display: none;
}

div#alertes a:hover {
    text-decoration: none;
}

div#alertes textarea, div#sondage textarea {
    width: 100%;
    box-sizing: border-box;
    height: 100px;
}

div#alertes select[name="id_scenario"] {
    float: left;
    margin-bottom: 20px;
}

div#alertes img#new_scenario {
    width: 17px;
    display: inline-block;
    margin: 3px 0 0 10px;
    float: left;
}

div#alertes form#add_form {
    margin-top: 20px;
}

div#alertes div#generale,
div#alertes div#personnalisee,
div#alertes div#personnalisee table#liste_variables,
div#alertes p#scenar_recurr {
    display: none;
}

div#alertes table#liste_variables tr {
    background: none !important;
}

div#alertes table#liste_variables tr td {
    padding: 3px 10px;
}

div#alertes table#liste_variables img.delete_row_variable {
    cursor: pointer;
}

div#alertes table#liste_variables input {
    border: none;
    width: 93%;
    text-align: center;
    margin: 0px 3px;
}

/**** Sondage ****/

#sondage #resultat_questionnaire {
    display: none;
}

#sondage #edit h2 {
    color: black;
    margin: 0 0 20px 0;
    font-weight: normal;
}

#sondage input.datepicker {
    width: 70px;
}

#sondage #edit #legende, #sondage #edit #exemple {
    display: none;
}

#sondage #edit fieldset {
    margin-bottom: -1px;
    border: 1px solid #d1d1d1;
    position: relative;
}

#sondage #edit fieldset div p {
    margin-bottom: 5px;
    float: left;
}

#sondage #edit fieldset span.delete {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 34px;
    height: 29px;
    background-image: url('../images/delete_sondage.png');
    cursor: pointer;
}

#sondage #edit fieldset span.delete:hover {
    background-image: url('../images/delete_sondage_hover.png')
}

#sondage #edit div {
    clear: both;
    float: left;
    margin-bottom: 10px;
    box-sizing: border-box;
    width: 100%;
}

#sondage #edit label {
    color: #575757;
    width: 160px;
    float: left;
    margin-top: 5px;
}

#sondage #edit p label {
    width: 40px;
}

#sondage #edit input {
    clear: none;
    float: left;
}

#sondage #edit input[type="text"] {
    width: 500px;
}

#sondage #edit p.p_autre input[type="text"] {
    width: 460px;
}

#sondage #edit input[name="obligatoire"] {
    margin-top: 5px;
}

#sondage #edit select.type+div {
    margin: 10px 0 0 160px;
    width: auto;
}

#sondage #edit select {
    float: left;
    clear: none;
}

#sondage #edit a#new_step, #sondage #edit a#simuler {
    background-color: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #333;
    padding: 8px;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    float: left;
}

#sondage #edit a#simuler {
    margin-left: 10px;
}

#sondage #edit a#new_step:hover, #sondage #edit a#simuler:hover {
    text-decoration: none;
    border: 1px solid #c6c6c6;
    outline: none;
}

#sondage #edit input.submit {
    float: right;
    margin-top: 3px;
}

#sondage #edit div.para textarea {
    border: 1px dashed gray !important;
    color: #6d6d6d;
}

#sondage #edit div.para textarea {
    padding: 40px 0 40px 10px;
    width: auto;
}

#sondage #edit div.choix input[type="radio"], #sondage #edit div.coche input[type="checkbox"] {
    margin: 5px 10px 0 0;
}

#sondage #edit input.add {
    cursor: pointer;
    color: #666;
}

#sondage #edit input.add+span:not(.remove):not(.remove_autre) {
    float: left;
    margin: 5px 5px 0 10px;
}

#sondage #edit input.add+span:not(.remove):not(.remove_autre)+a {
    margin-top: 5px;
    float: left;
}

#sondage #edit span.remove, #sondage #edit span.remove_autre {
    background-image: url('../images/delete_sondage_input.png');
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    float: left;
    margin: 6px 0 0 5px;
    cursor: pointer;
    display: none;
}

#sondage #edit span.remove:hover, #sondage #edit span.remove_autre:hover {
    background-image: url('../images/delete_sondage_input_hover.png');
}

#sondage_popup {
    float: left;
    width: 100%;
    position: relative;
    min-width: 500px;
}

#sondage_popup #lang {
    position: absolute;
    right: -15px;
}

#sondage_popup #lang div {
    float: left;
    margin-left: 10px;
}

#sondage_popup #lang .defaut {
    cursor: pointer;
}

#sondage_popup #lang #lang_fr .defaut, #sondage_popup #lang #lang_en .grey, #sondage_popup div[data-lang="en"] {
    display: none;
}

#sondage_popup .accueil_sondage {
    width: 90%;
}

#sondage_popup progress {
    border: 1px solid white;
    height: 15px;
    width: 90%;
    box-sizing: border-box;
    float: left;
}

#sondage_popup span#avancement {
    position: absolute;
    margin: 2px 0 0 0;
}

#sondage_popup progress::-moz-progress-bar {
    animation: 8s linear 0s normal none infinite running progress;
    background-color: #a5d62f;
    background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
    background-size: 40px 40px;
}

#sondage_popup h2 {
    margin-top: 0;
    border-top: 1px solid #ebebe1;
    padding-top: 10px;
    margin-bottom: 20px;
}

#sondage_popup form, #sondage_popup .sondage_finalise, #sondage_popup .sondage_a_rappeler {
    display: none;
}

#sondage_popup .sondage_finalise {
    width: 300px;
}

#sondage_popup .sondage_finalise span {
    float: left;
    clear: both;
}

#sondage_popup .sondage_finalise a {
    float: left;
    margin: 0 0 10px 5px;
}

#sondage_popup p {
    float: none;
}

#sondage_popup input[type="radio"], #sondage_popup input[type="checkbox"] {
    margin: 0 10px 0 2px;
}

#sondage_popup input[type="text"] {
    width: 400px;
}

#sondage_popup textarea {
    width: 100%;
    box-sizing: border-box;
}

#sondage_popup a {
    float: left;
    margin: 10px 20px 0 0;
}

#sondage_popup a:last-child {
    margin-right: 0;
}

#sondage_popup a#passer_question+input[type="submit"] {
    margin-top: 20px;
    clear: both;
}

#sondage_popup a+input[type="submit"] {
    clear: none;
}

#sondage_popup input[type="submit"] {
    float: left;
}

#sondage_popup #sondage_finalise, #sondage_popup #sondage_perime {
    text-align: center;
}

#sondage_popup #sondage_finalise span#message_finalise, #sondage_popup #sondage_perime span {
    font-weight: bold;
}

#sondage_popup #sondage_finalise input#fermer, #sondage_popup #sondage_perime input#fermer_sondage_perime {
    width: auto;
    float: none;
}

#sondage_popup .sondage_a_rappeler a#retour+a#confirm_a_rappeler {
    margin-top: 4px;
}

#sondage_popup #sondage_a_rappeler a input[type="button"] {
    margin-top: -6px !important;
}

#sondage_popup label {
    margin-bottom: 10px;
}

#sondage_popup label#label_autre {
    width: auto;
    float: left;
}

#sondage_popup input[name="autre"] {
    width: 200px;
    clear: none;
    float: left;
    margin: -5px 5px 10px 10px;
}

#resultats_sondage a#generer_pdf {
    float: right;
}

#resultats_sondage fieldset canvas, #resultats_sondage div.legende {
    margin-top: 10px;
}

#resultats_sondage fieldset p {
    margin-top: 10px;
}

#resultats_sondage canvas, #resultats_sondage div.legende {
    float: left;
}

#resultats_sondage div.legende {
    margin-left: 100px;
}

#resultats_sondage div.legende div.box {
    width: 20px;
    height: 20px;
    float: left;
    clear: both;
    margin-bottom: 10px;
}

#resultats_sondage div.legende div.box+span {
    float: left;
    margin: 3px 0 0 10px;
}

#resultats_sondage div.autre_resultats {
    float: left;
    clear: both;
    margin-top: 10px;
    width: 100%;
    border-top: 1px solid #ebebe1;
}

#resultats_sondage div.options {
    clear: both;
    float: left;
    margin-top: 10px;
}

#resultats_sondage table tr th, #resultats_sondage table tr td {
    padding: 5px;
    text-align: left;
}

/**** RDV Projet pro ****/

div#projet_pro a.fancybox, div#projet_pro div#ent_obli, div#projet_pro select#jeudi {
    display: none;
}

div#projet_pro select {
    float: left;
    clear: both;
}

div#projet_pro select#ent_obli, div#projet_pro select#jeudi {
    margin-top: 10px;
}

div#projet_pro input[name="cv"] {
    float: left;
}

div#projet_pro span#mon_cv {
    float: left;
    padding: 8px;
    background-color: #f6f6f6;
    border: 1px solid #dcdcdc;
}

div#projet_pro span#mon_cv a, div#projet_pro span#mon_cv img {
    float: left;
}

div#projet_pro span#mon_cv a#cv_doc {
    margin: 5px 0 0 10px;
}

div#projet_pro span#mon_cv a#delete_cv {
    margin: 3px 0 0 10px;
}

div#projet_pro div#ent_obli p#avertissement {
    color: red;
    float: left;
    clear: both;
}

div#projet_pro p#avertissement {
    color: red;
    margin: 10px 0 10px 0;
}

div#projet_pro p#avertissement span {
    float: left;
    margin: 5px 0 0 5px;
}

div#projet_pro p#avertissement i {
    float: left;
    color: red;
    font-size: 19px;
}

div#fancybox_rdv {
    margin: 0 0 0 3px;
}

div#fancybox_rdv h2 {
    margin-top: 0;
}

div#fancybox_rdv table th {
    text-align: center;
}

div#fancybox_rdv div#confirm {
    display: none;
}

div#fancybox_rdv select option:disabled {
    color: black;
    font-weight: bold;
    font-size: 13px;
}

div#fancybox_rdv select#zone_geo_eu {
    display: none;
}

div#fancybox_rdv input[type="radio"] {
    float: none;
}

div#rdv_capcareer div#calendar .fc-content, div#rdv_capcareer div#calendar .fc-event .fc-content span {
    cursor: default;
}

div#rdv_capcareer .hide_show {
    display: none;
}

div#rdv_capcareer div#calendar .fc-event .fc-content i {
    cursor: pointer;
}

div#rdv_capcareer div#calendar .fc-event:hover {
    opacity: 1;
}

div#rdv_capcareer input#debut,
div#rdv_capcareer input#debut:active,
div#rdv_capcareer input#debut:focus,
div#rdv_capcareer input#fin,
div#rdv_capcareer input#fin:active,
div#rdv_capcareer input#fin:focus {
    border: none !important;
    padding: 0;
    box-shadow: none;
    cursor: default;
}

div#rdv_capcareer p#slider {
    margin: 0;
}

div#rdv_capcareer p#slider label {
    position: absolute;
    width: 20px;
    margin-top: 15px;
    margin-left: -10px;
    text-align: center;
    font-size: 11px;
}

div#rdv_capcareer span#exist_creneau, div#rdv_capcareer span#added_creneau {
    padding: 8px;
    float: left;
    margin-left: 20px;
    display: none;
}

div#rdv_capcareer span#exist_creneau {
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    color: #b94a48;
}

div#rdv_capcareer span#added_creneau {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #468847;
}

div#rdv_capcareer select.edit_etat, div#rdv_capcareer div#results div.chosen-container {
    display: none;
    float: right;
    margin: -5px 10px 0;
    padding: 0;
    clear: none;
    height: 15px;
}

div#rdv_capcareer div#results div.chosen-container {
    width: 300px !important;
}

div#rdv_capcareer div#results select {
    display: none;
}

div#rdv_capcareer img.edit_etat, div#rdv_capcareer img.edit_intervenant {
    width: 15px;
    float: right;
    margin-right: 5px;
    cursor: pointer;
}

div#rdv_capcareer div#plage_horaire {
    border: 1px solid #e1e1e8;
    box-sizing: border-box;
    clear: both;
    display: none;
    float: left;
    margin-bottom: 20px;
    padding: 15px;
    width: 100%;
}

div#rdv_capcareer div#plage_horaire #slider {
    margin-bottom: 40px;
}

div#rdv_capcareer #add_plage_horaire {
    display: none;
}

div#rdv_capcareer #add_plage_horaire span {
    display: block;
    margin-top: 5px;
}

div#rdv_capcareer #add_plage_horaire span#no_plage_horaire {
    font-weight: bold;
}

div#rdv_capcareer div#salles_intervenant p:last-child {
    margin-bottom: 20px;
}

div#rdv_capcareer p#pop {
    display: none;
}

div#rdv_capcareer div#resume_added_creaneau div {
    box-sizing: border-box;
    max-height: 150px;
    margin-bottom: 15px;
    overflow-x: auto;
    width: 100%;
    float: left;
    clear: both;
}

div#rdv_capcareer div#resume_added_creaneau div p {
    float: left;
    clear: both;
    padding: 5px;
    margin-bottom: 2px;
}

div#rdv_capcareer div#resume_added_creaneau div#creneau_erreur p {
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    color: #b94a48;
    margin-bottom: 3px;
}

div#rdv_capcareer div#resume_added_creaneau div#creaneau_ok p {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #468847;
}

/**** Formations ****/

#formations h1 {
    float: left;
    width: 98%;
}

#formations table {
    clear: both;
}

/**** Diffusion photo ****/

#diffusion_photo label {
    float: left;
    margin-left: 5px;
}

/**** Entretiens stages ****/

div#entretiens input.submit_red {
    float: right;
    margin-right: 10px;
}

div#entretiens #filtres {
    float: left;
    width: 100%;
    box-sizing: border-box;
    clear: both;
    margin-top: 10px;
}

div#entretiens div[class^="accordion"] input[type="radio"] {
    margin-top: 0;
    width: auto;
}

div#entretiens div[class^="accordion"] input[type="radio"]+span,
div#entretiens div[class^="accordion"] input[type="radio"]+label {
    font-size: 11px;
}

div#entretiens #filtres label:first-child {
    margin-left: 15px;
}

div#entretiens #filtres label, div#entretiens #filtres select {
    margin-left: 0;
}

div#entretiens #filtres .separation {
    float: left;
    margin: 0 30px;
    height: 25px;
    width: 1px;
    background-color: #dbdbe2;
    display: inline-block;
}

div#entretiens fieldset#legende {
    border: 1px solid #ebebe1;
    box-sizing: border-box;
    display: table;
    background-color: #f9f9f9;
    padding: 10px;
    width: 100%;
    margin: 20px 0;
}

div#entretiens fieldset#legende legend {
    font-size: 16px;
}

div#entretiens fieldset#legende span {
    margin-right: 50px;
}

div#entretiens fieldset legend {
    color: black;
    font-size: 18px;
}

div#entretiens form h3 {
    color: black;
    font-size: 13px;
    line-height: 13px;
    font-weight: normal;
    text-decoration: underline;
}

div#entretiens div[class^="accordion"] fieldset {
    padding: 10px;
    margin-bottom: 10px;
}

div#entretiens table tr td.grey {
    background-color: #f6f6f6;
}

div#entretiens table tr td.td_20 {
    width: 20px;
}

div#entretiens table td input[type="radio"] {
    float: none;
}

div#entretiens div.accordion label {
    font-size: 11px;
}

div#entretiens div.accordion table tr:nth-child(odd) {
    background-color: white;
}

div#entretiens div.accordion table tr.hr td {
    border: none;
    padding: 0;
}

div#entretiens div.accordion span.red {
    color: red;
}

div#entretiens div.accordion table tr.hr:hover {
    background-color: white !important;
}

div#entretiens table.evaluations {
    width: 430px !important;
}

div#entretiens table.evaluations tr:first-child {
    text-align: left;
    font-weight: bold;
    background: #E0E0E0;
}

div#entretiens table.evaluations td:first-child {
    text-align: left;
    font-weight: bold;
    background: #F8F8F8;
}

div#entretiens table.evaluations td {
    text-align: center;
    background: #F8F8F8;
}

div#entretiens table.evaluations_commentaires {
    width: 900px;
    margin: 2px;
}

div#entretiens table.evaluations_commentaires tr td {
    font-size: 9px;
    width: 300px;
    border-style: solid;
    border-width: 1px;
    padding-top: 2px;
    padding-left: 10px;
}

div#entretiens table.evaluations_liste_cours {
    width: 950px !important;
}

div#entretiens table.evaluations_liste_cours tr td {
    font-size: 10px;
}

div#entretiens input.small {
    width: 40px;
    text-align: center;
    box-sizing: unset;
    font-weight: bold;
    cursor: default;
    background-color: #e2e2e2;
    color: grey;
    margin: 0 5px;
}

div#entretiens input[name="outils_info"], div#entretiens input[name="langues_etran"] {
    width: 500px;
    margin-left: 10px;
}

div#entretiens input.small.count {
    border: 1px solid #dd2334;
    background-color: #dd2334;
    color: white;
}

div#entretiens input.small.final {
    color: #dd2334;
}

div#entretiens input.small:active, div#entretiens input.small:focus {
    border: 1px solid #e1e1e8 !important;
    box-shadow: none;
}

div#entretiens span.visio, div#entretiens span.e2_eval_rapp, div#entretiens img.pdf {
    float: left;
}

div#entretiens a.generer_pdf {
    float: left;
    margin: 5px 0 0 10px;
}

div#entretiens img.pdf {
    margin: 5px 0 0 20px;
}

/**** Extractions ****/

div#extractions div#actions {
    width: 100%;
    float: left;
    position: relative;
}

div#extractions div#actions input[type="button"] {
    float: left;
    width: auto;
    margin: 10px 10px 0 0;
    clear: none;
}

div#extractions div#actions input#generate_req, div#extractions div#actions input#test_req {
    display: none;
}

div#extractions div#actions span#result_test_req {
    display: none;
    font-size: 11px;
    left: 0;
    margin: 14px 0 0;
    padding: 3px;
    position: absolute;
    width: auto;
    bottom: 41px;
}

div#extractions div#actions span#result_test_req.error {
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    color: #b94a48;
}

div#extractions div#actions span#result_test_req.no_error {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #468847;
}

div#extractions div#actions label {
    clear: both;
}

div#extractions div#actions input#toggle_all_tables.active {
    background-color: black;
    color: white;
}

div#extractions div#actions textarea {
    margin-top: 5px;
    float: left;
    clear: both;
}

div#extractions div#popin_all_tables {
    position: absolute;
    background-color: white;
    border: 1px solid #e1e1e8;
    box-shadow: 0 5px 5px 0px #656565;
    display: none;
    right: 100px;
    top: 10px;
    width: 250px;
    z-index: 2
}

div#extractions div#popin_all_tables div#all_tables, div#extractions div#droppable div.all_fields div.fields {
    box-sizing: border-box;
    float: left;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

div#extractions div#popin_all_tables div:not(#all_tables),
div#extractions div#popin_all_tables h4,
div#extractions div#droppable div.all_fields span {
    float: left;
    clear: both;
    padding: 3px 5px;
    width: 100%;
    box-sizing: border-box;
    padding-right: 10px;
}

div#extractions div#droppable div.all_fields span i {
    display: none;
    display: none;
    float: right;
    font-size: 14px;
    margin: 0 -5px 0 0;
}

div#extractions div#droppable div.all_fields span i.active {
    display: block;
}

div#extractions div#popin_all_tables h4, div#extractions div#droppable div.all_fields h5 {
    border-bottom: 1px solid #dcdcdc;
    color: black;
    font-size: 13px;
    padding: 5px 0 5px 5px;
    background-color: #f6f6f6;
    cursor: grab;
    text-decoration: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

div#extractions div#popin_all_tables div.table, div#extractions div#droppable div.all_fields span {
    font-size: 10px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    margin-top: -1px;
}

div#extractions div#popin_all_tables div.table.selected {
    background-color: #f0f0f0;
    color: #7f7f7f;
    cursor: default;
}

div#extractions div#popin_all_tables div.table div {
    display: none;
}

div#extractions div#popin_all_tables div.table:not(.selected):hover {
    background-color: #f9f9f9;
}

div#extractions div.col_left {
    width: 20%;
}

div#extractions div#liste_jointures {
    width: 100%;
    box-sizing: border-box;
    height: 400px;
    border: 1px solid #e1e1e8;
    overflow-y: auto;
    padding: 5px;
    text-align: center;
    margin-bottom: 10px;
}

div#extractions div#liste_jointures h4, div#extractions div#liste_conditions h4 {
    text-decoration: underline;
    font-weight: bold;
    font-size: 14px;
    float: none;
}

div#extractions div#liste_jointures div#jointures, div#extractions div#liste_conditions div#conditions {
    text-decoration: underline;
    margin-top: 11px;
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
}

div#extractions div#liste_jointures div#jointures div.jointure,
div#extractions div#liste_conditions div#conditions div.condition {
    float: left;
    clear: both;
    border-top: 1px solid #e1e1e8;
    border-bottom: 1px solid #e1e1e8;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0;
    position: relative;
    margin-bottom: 5px;
    text-align: left;
}

div#extractions div#liste_jointures div#jointures div.jointure select,
div#extractions div#liste_conditions div#conditions div.condition select {
    float: left;
    margin-right: 5px;
    font-size: 11px;
}

div#extractions div#liste_jointures div#jointures div.jointure select option,
div#extractions div#liste_conditions div#conditions div.condition select option {
    padding: 0;
}

div#extractions div#liste_jointures div#jointures div.jointure span,
div#extractions div#liste_conditions div#conditions div.condition span {
    float: left;
    font-size: 11px;
    width: 73%;
    margin-top: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

div#extractions div#liste_jointures div#jointures div.jointure img,
div#extractions div#liste_conditions div#conditions div.condition img {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 40%;
    width: 10px;
}

div#extractions div#liste_conditions {
    width: 100%;
    box-sizing: border-box;
    height: 390px;
    border: 1px solid #e1e1e8;
    overflow-y: auto;
    padding: 5px;
    text-align: center;
    margin-bottom: 15px;
    position: relative;
}

div#extractions div#liste_conditions input[type="button"] {
    float: left;
    margin-top: 10px;
    text-decoration: none;
    width: auto;
    padding: 5px 10px;
    display: none;
}

div#extractions div#liste_conditions div#form_conditions {
    background-color: white;
    box-sizing: border-box;
    left: 0;
    padding: 5px;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 2;
    -moz-box-shadow: 0 7px 5px -5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 7px 5px -5px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 7px 5px -5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 7px 5px -5px rgba(0, 0, 0, 0.25);
}

div#extractions div#liste_conditions div#form_conditions select,
div#extractions div#liste_conditions div#form_conditions p,
div#extractions div#liste_conditions div#form_conditions label {
    float: left;
}

div#extractions div#liste_conditions div#form_conditions label {
    text-decoration: none;
}

div#extractions div#liste_conditions div#form_conditions label+select,
div#extractions div#liste_conditions div#form_conditions p+p,
div#extractions div#liste_conditions div#form_conditions p#operateur+input[type="submit"] {
    clear: both;
}

div#extractions div#liste_conditions div#form_conditions p {
    width: 100%;
}

div#extractions div#liste_conditions div#form_conditions p#valeur {
    width: 75%;
}

div#extractions div#liste_conditions div#form_conditions p+p {
    margin-top: 5px;
}

div#extractions div#liste_conditions div#form_conditions input[type="text"],
div#extractions div#liste_conditions div#form_conditions input[type="submit"] {
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
}

div#extractions div#liste_conditions div#form_conditions p#valeur+input[type="submit"] {
    margin: 23px 0 0 10px;
}

div#extractions div#liste_conditions div#form_conditions p#operateur+input[type="submit"] {
    margin: 10px 0 0 0;
}

div#extractions div#liste_conditions div#form_conditions input[type="submit"] {
    width: auto;
    padding: 5px 10px;
    clear: none;
}

div#extractions div.col_right {
    width: calc(80% - 10px);
}

div#extractions div#droppable {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    border: 1px solid #e1e1e8;
    height: 800px;
    overflow: hidden;
    float: left;
    clear: both;
    margin-left: 10px;
}

div#extractions div#droppable div.all_fields {
    position: absolute !important;
    background-color: white;
    border: 1px solid #e1e1e8;
    width: 200px;
    left: 10px;
    top: 10px;
}

div#extractions div#droppable div.all_fields h5 {
    padding-right: 35px;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 160px;
}

div#extractions div#droppable div.all_fields img {
    position: absolute;
    top: 8px;
    right: 5px;
    width: 10px;
    cursor: pointer;
}

div#extractions div#droppable div.all_fields span {
    line-height: 14px;
}

div#extractions div#droppable div.all_fields span:not(.added):hover {
    border-top: 1px solid #e1e1e8;
    border-bottom: 1px solid #e1e1e8;
}

div#extractions div#droppable div.all_fields span:hover i,
div#extractions div#droppable div.all_fields span.selected i {
    display: block;
}

div#extractions div#droppable div.all_fields span.selected {
    background-color: #f0f0f0;
}

div#extractions div#droppable div.all_fields span.added {
    background-color: #dd2334;
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    color: white;
}

div#extractions div#droppable div.all_fields div.from {
    float: left;
    clear: both;
    font-size: 10px;
    border-top: 1px solid #e1e1e8;
    padding: 5px 5px 0 5px;
    width: 100%;
    box-sizing: border-box;
}

div#extractions div#droppable div.all_fields div.from input[type="checkbox"] {
    margin-right: 5px;
}

div#extractions div#droppable div.all_fields div.from label {
    cursor: pointer;
}

div.join {
    padding: 0;
    margin: 0;
    position: absolute;
    background-color: black;
    z-index: 2;
    height: 1px;
}

/**** Population / Liste ****/

h2 .material-icons, h3 .material-icons, h4 .material-icons {
    color: #FFF;
}

.material-icons {
    vertical-align: middle;
}

#navigation-menu.col_left {
    width: 30%;
}

#navigation-menu+.col_right {
    width: 70%;
}

#navigation-content {
    padding-left: 10px;
}

.navigation-menu {
    color: white;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: bold;
    padding-left: 5px;
    margin: 0 0 0 0;
    border-bottom: 1px solid #4f6b80;
}

.navigation-menu:hover {
    cursor: pointer;
    opacity: 0.9;
}

h2.navigation-menu {
    font: 1.5em titilliumregular, trebuchet ms, arial, helvetica, sans-serif;
    padding: 7px 5px 7px 5px;
    background-color: #2b2a28;
}

h3.navigation-menu {
    font: 1em titilliumregular, trebuchet ms, arial, helvetica, sans-serif;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 3px;
    background-color: #3b4044;
}

h4.navigation-menu {
    font: 0.9em titilliumregular, trebuchet ms, arial, helvetica, sans-serif;
    padding-left: 20px;
    text-decoration: none;
    float: none;
    padding-top: 5px;
    padding-bottom: 3px;
    background-color: #5e6265;
    border-bottom: 1px solid #ababab;
}

#groupe_liste #navigation-menu, #groupe_liste #navigation-content {
    display: none;
}

#groupe_liste #navigation-menu div {
    float: left;
    margin-right: 20px;
    width: calc( 25% - 20px);
}

#groupe_liste #navigation-menu+.error {
    margin-top: 20px;
}

#groupe_liste #navigation-menu div:last-child {
    margin-right: 0;
}

#groupe_liste #navigation-menu .navigation-menu {
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: bold;
    padding-left: 5px;
    margin: 0;
    border-bottom: 1px solid #4f6b80;
}

#groupe_liste #navigation-menu .navigation-menu:hover {
    cursor: pointer;
    opacity: 0.9;
}

#groupe_liste #navigation-menu h2.navigation-menu {
    font: 1.5em titilliumregular, trebuchet ms, arial, helvetica, sans-serif;
    padding: 7px 7px 7px 12px;
    color: white;
}

#groupe_liste #navigation-menu h3.navigation-menu {
    font: 1em titilliumregular, trebuchet ms, arial, helvetica, sans-serif;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 9px;
}

#groupe_liste #navigation-menu .navigation-menu#selected {
    background-color: #354C5D;
    font-weight: bold;
}

#groupe_liste #navigation-menu h3.navigation-menu i {
    margin-right: 5px;
    float: left;
    color: white;
    font-size: 21px;
}

#groupe_liste #navigation-menu h3.navigation-menu i, h3.navigation-menu span {
    display: block;
}

#groupe_liste #navigation-menu h3.navigation-menu span {
    margin-top: 4px;
    padding-right: 4px;
}

#groupe_liste #navigation-menu h4.navigation-menu {
    color: white;
    font: 0.9em titilliumregular, trebuchet ms, arial, helvetica, sans-serif;
    padding-left: 20px;
    text-decoration: none;
    float: none;
    padding-top: 5px;
    padding-bottom: 3px;
    background-color: #5e6265;
    border-bottom: 1px solid #ababab;
}

#groupe_liste #content_scolarite {
    width: 100%;
    float: left;
    margin-top: 25px;
}

#groupe_liste #avertissement {
    margin-top: 0;
}

#groupe_liste #content_scolarite h3 {
    margin-bottom: 20px;
}

#groupe_liste #content_scolarite .etape {
    background-color: #cedae5;
    padding: 5px;
    margin-top: 10px;
    border: 1px solid #b4c2ce;
}

#groupe_liste #content_scolarite .description {
    background-color: #d0dee3;
    padding: 5px;
    margin-top: 10px;
    border: 1px solid #b4c2ce;
    margin-bottom: 10px;
}

#groupe_liste #content_scolarite .material-icons {
    vertical-align: middle;
}

#groupe_liste #content_scolarite table select {
    box-sizing: border-box;
    width: 100%;
}

#groupe_liste #content_scolarite .hint {
    display: none;
    background-color: #d2e9f3;
    border: 1px #0d79a8 solid;
    padding: 3px;
    margin-top: 5px;
    margin-right: 10px;
}

#groupe_liste #content_scolarite tr.group, #content_scolarite tr.group:hover {
    background-color: #ded3cc !important;
}

#groupe_liste #content_scolarite h4+p#avertissement {
    float: left;
    clear: both;
    margin-bottom: 20px;
}

#groupe_liste #pop_liste_ajout_ip p#avertissement {
    margin-bottom: 20px;
}

/**** Visualisation des cv ****/

#visu_cv #selected_field {
    float: left;
}

#visu_cv #selected_field input, #visu_cv #selected_field select {
    display: none;
}

#startTourBtn i {
    color: white !important;
}

/**** Material icons ****/

.material-icons {
    color: #666666;
}

/**** Intercultural Effectiveness ****/

.titreIntercultural {
    color: #dd2334;
}

/**** Menu delete confirmation ****/

#fade {
    /*--Masque opaque noir de fond--*/
    display: none;
    /*--masqué par défaut--*/
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .80;
    z-index: 9999;
}

.popup_block {
    display: none;
    /*--masqué par défaut--*/
    background: #fff;
    padding: 20px;
    border: 20px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    /*--Les différentes définitions de Box Shadow en CSS3--*/
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    /*--Coins arrondis en CSS3--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

img.btn_close {
    float: right;
    margin: -55px -55px 0 0;
}

/*--Gérer la position fixed pour IE6--*/

html #fade {
    position: absolute;
}

html .popup_block {
    position: absolute;
}

/* Fancybox Gestion des cours */

#fb_gestion_cours #gestion_elem .col_left, #fb_gestion_cours #gestion_elem .col_right {
    width: auto;
}

@media screen and (max-width:1080px) {
    #fb_gestion_cours #gestion_elem .col_right {
        padding-left: 0px !important;
        clear: both;
        margin-top: 20px;
    }
}

#fb_gestion_cours #gestion_elem .col_right {
    padding-left: 60px;
}

#fb_gestion_cours #gestion_elem .chosen-container {
    width: 330px !important;
}

#fb_gestion_cours .col_right .toggle {
    display: none;
}

#fb_gestion_cours #gestion_elem .add {
    float: left;
}

/* MAQUETTES ADMINISTRATION */

#maquettes_adm #hide_show {
    display: none;
}

/* Page liste des intervenants */

#liste_intervenants #result {
    display: none;
}

#liste_intervenants table tr:nth-child(even) {
    background-color: white;
}

#liste_intervenants #result tr.total, #liste_intervenants #result tr.total:hover {
    color: white;
    background-color: darkseagreen !important;
    position: relative;
}

#liste_intervenants #result tr.total td {
    border-left: 1px solid darkseagreen;
    font-size: 12px;
    font-weight: bold;
}

#liste_intervenants #result tr.total div {
    position: absolute;
    left: 150px;
}

#liste_intervenants #result tr.total span,
#liste_intervenants #result tr.total a,
#liste_intervenants #result tr.total img {
    float: left;
}

#liste_intervenants #result tr.total span.prog {
    margin-left: 50px;
    color: black;
}

#liste_intervenants #result tr.total a.fiche_interv {
    font-size: 10px;
    margin-right: 20px;
}

#liste_intervenants #result tr.total a {
    font-size: 11px;
}

#liste_intervenants #result tr.total img {
    margin: -3px 5px 0 10px;
    height: 18px;
}

#liste_intervenants #result tr.empty td {
    border-left: 1px solid white;
    height: 15px;
}

/* demande de support evenements */

table#memento {
    margin-top: 25px;
    width: 100%;
}

table#memento tr:first-child td {
    text-align: center;
    font-weight: bold;
    background-color: #d9d9d9;
}

/* PGE -> Cours */

div#cours_pge #hide_show {
    display: none;
}

/* Evaluations */

.sous-ligne {
    height: 10px
}

.resultOK {
    color: #2962BC;
    font-size: 50px
}

.resultNOK {
    font-size: 50px
}

table table .resultOK {
    color: #BFE37E
}

.sous-ligne .resultOK, .sous-ligne .resultNOK {
    font-size: 25px
}

.percentResp {
    margin: 0 auto;
    width: 150px;
    padding: 2px;
    background: white;
    border: 1px solid black
}

.percentResp div {
    height: 20px;
    background: #1DBF27
}

.sous-ligne .percentResp div {
    height: 10px
}

.percentStyle {
    vertical-align: top;
    text-align: center;
    line-height: 30px;
    padding-top: 0px;
    color: #1DBF27;
    font-size: 15px;
    font-weight: bold;
    font-size: 15px
}

.tendances {
    width: 300px;
    margin: 0 auto;
    padding: 2px;
    background-color: white;
    border: 1px solid black
}

.tendances div {
    display: inline-block;
    height: 20px
}

.sous-ligne .tendances, .sous-ligne .tendances div {
    height: 10px
}

.tauxRed, .tendRed {
    background: #FFC0B0
}

.tauxRed .percentResp {
    border: 4px solid red;
    border-radius: 5px
}

.tauxRed .percentResp div {
    background: #DD2334
}

.tauxRed .percentStyle {
    font-size: 25px;
    color: #DD2334
}

.tendRed .tendances {
    border: 4px solid red;
    border-radius: 5px
}

/* Fin Evaluations */

/* IP etudiant */

#ip_etu .fb_upload {
    display: none;
}

#ip_etu input.js-inscription, #ip_etu input.js-inscription_popup {
    float: left;
    margin-right: 5px;
}

/* Navigation */

.navigation {
    width: 250px !important;
    margin: 0 25px;
}

.navigation+.col_right {
    width: calc( 100% - 300px);
}

.navigation .material-icons {
    vertical-align: middle;
}

.navigation h2 .material-icons, .navigation h3 .material-icons, .navigation h4 .material-icons {
    color: #FFF;
}

.navigation h2.navigation-item, .navigation h3.navigation-item, .navigation h4.navigation-item {
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: bold;
    padding-left: 5px;
    margin: 0 0 0 0;
    border-bottom: 1px solid #4f6b80;
}

.navigation h2.navigation-item:hover, .navigation h3.navigation-item:hover, .navigation h4.navigation-item:hover {
    cursor: pointer;
    opacity: 0.9;
}

h2.navigation-item {
    color: white;
    font: 1.5em titilliumregular, trebuchet ms, arial, helvetica, sans-serif;
    padding: 7px 5px 7px 5px;
    background-color: #2b2a28;
}

h3.navigation-item {
    color: white;
    font: 1em titilliumregular, trebuchet ms, arial, helvetica, sans-serif;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 3px;
    background-color: #3b4044;
}

h4.navigation-item {
    color: white;
    font: 0.9em titilliumregular, trebuchet ms, arial, helvetica, sans-serif;
    padding-left: 20px;
    text-decoration: none;
    float: none;
    padding-top: 5px;
    padding-bottom: 3px;
    background-color: #5e6265;
    border-bottom: 1px solid #ababab;
}

/* Fin Navigation */