html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
*{
    box-sizing: border-box;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
html{
    overflow-y: scroll;
}
a{
    color: #000;
    text-decoration: none;
}
a:hover{
    color: #999;
}
h1{
    color: #000;
    font-family: 'Tahoma';
    font-size: 35px;
}
.h1{
    border-bottom: 2px solid #FF3330;
    font-family: 'Tahoma';
    margin: 0 0 25px;
}
.h1 small{
    font-size:20px;
    font-style: italic;
}
h1.test{
    border-bottom:3px solid #FF3330;
    padding: 0;
}
h1 span.UbuntuItalic{
    font-family: 'UbuntuItalic';
}
h1 span.small{
    font-size: 15px;
}
h2{
    font-family: 'Tahoma';
    font-size: 20px;
}
h3{
    font-family: 'Tahoma';
    font-size: 16px;
    margin: 20px 0 20px 0;
}
h4{
    font-family: 'Tahoma';
    font-size: 14px;
    margin: 15px 0 15px 0;
}
h5{
    font-family: 'Tahoma';
    font-size: 13px;
    font-style: italic;
    margin: 10px 0 10px 0;
}
body {
    /*background-color: #f1f1f1;*/
    line-height: 1.2;
    font-family: 'Source Sans Pro';
    margin-bottom: 50px;
}
.bg-red{
    background-color: #ED4747;
    font-weight: bold;
}
.bg-green{
    background-color: #70C12E;
}
.bg-yellow{
    background-color: #FFF130;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/**/
/* Login form
*/
.caption{
    font-size: 20px;
    font-weight: bold;
}
div#form_wrap{
    background: #5A617F;
    box-shadow: 0px 5px 10px #999;
    margin: 100px auto auto;
    padding:15px 20px;
    width: 450px;
}
div#form_wrap .img{
    margin: 0 auto;
    padding-bottom: 25px;
    width: 85px;
}
#form_wrap ul {
    margin: 0 auto;
    width: 450px;
}
div#form_wrap ul li {
    height:40px;
    padding: 10px 0;
    text-align: right;
    width: 100%;
}
div#form_wrap ul li.label{
    color: #fff;
    float: left;
    line-height: 35px;
    margin-right: 10px;
    text-align: right;
    width: 120px;
}
div#form_wrap ul li.input{
    float: left;
    width: 280px;
}
div#form_wrap ul li.error,
div#form_wrap ul li.success{
    height:20px;
    text-shadow: 0px 0px 0px #fff;
}
div#form_wrap ul li.error{
    color: red;
}
div#form_wrap ul li.success{
    color: pink;
}
div#form_wrap ul li.submit {
    padding-top:30px;
}
div#form_wrap ul li.forgot {
    font-size:13px;
    height: 15px;
    padding-top:10px;
}
div#form_wrap ul li.forgot a:hover {
    font-style: italic;
}
div#form_wrap ul li input[type=text],
div#form_wrap ul li input[type=password]{
    background: #f0f0f0;
    border: none;
    border-radius: 5px;
    font-family: 'Source Sans Pro';
    font-size: 16px;
    height: 35px;
    padding: 0 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 100%;
}
div#form_wrap ul li input[type=text]:focus,
div#form_wrap ul li input[type=password]:focus{
    background: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
div#form_wrap input[type=submit]{
    border: none;
    font-family: 'Tahoma';
    font-size: 20px;
    height: 35px;
    margin: 0 10px;
    width: 150px;
}
/*
 popup
*/
div#loader{
    display: block !important;
    text-align: center;
}
div.alert-photo,
div.sessionPaiementStatutStagiaire,
div.sessionMoveStagiaire,
div.sessionAddStagiaire,
div#loader,
div.Alert,
div.alertPaiementStatutStagiaire,
div.alertMoveStagiaire,
div.alert,
div.alert_attente_ajourne div.content{
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    margin: 0 auto;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
}
div.alert-photo,
div.sessionPaiementStatutStagiaire,
div.sessionMoveStagiaire,
div.sessionAddStagiaire,
div.alertPaiementStatutStagiaire,
div.alertMoveStagiaire,
div.alert,
div.alert_attente_ajourne div.content{
    display: none;
}
div#alertPrintDoc{
    overflow-y: auto;
    height: 560px;
}
div.alert-photo div.content,
div#loader div.content,
div.Alert div.content,
div.alertPaiementStatutStagiaire div.content,
div.alertMoveStagiaire div.content,
div.alert div.content,
div.alert_attente_ajourne div.content{
    background: white;
    border-radius: 5px;
    height: 280px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width:500px;
}
.close{
    position: absolute;
    right: 15px;
    top: 15px;
}
div#loader div.content p.msg{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 50px;
    padding-top: 50px;
}
.red{
    color: red;
}
.bold{
    font-weight: bold;
}
/*
header
*/
header{
    margin: 0 auto;
    width: 100%;
}
header nav{
    width: 100%;
    margin: 0 auto;
}
header.menu{
    /*background: #e40001 linear-gradient(#e40001, #b20000) repeat scroll 0 0;*/
    background: #5A617F;
    border-bottom: 1px solid #817d7d;
    z-index: 9999;
}
header.menu nav.top{
    box-shadow: 0 -3px 3px -4px #505050 inset;
    padding-bottom: 5px;
    text-align: center;
    width: 100%;
}
header.menu nav.top form.submit input[type=text],
header.menu nav.top form.submit input[type=submit]{
    border: none;
}
header.menu nav.top form.submit input[type=text]{
    border-radius: 20px 0 0 20px;
    height: 25px;
    padding-left: 8px;
}
header.menu nav.top form.submit input[type=submit]{
    background-image: url('/private/images/icons/32/1433247586_search-icon-tm.png');
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 0 20px 20px 0;
    color: transparent;
    height: 27px;
    width: 25px;
}
header.menu nav.top form.submit input[type=submit]:focus{
    opacity: 0.6;
}
header.menu nav.top li.nav{
    display: none;
}
header.menu nav.menu{
    background: #5A617F;
    height: 32px;
    width: 100%;
}
header.menu nav.menu ul.menu {
    width: 100%;
}
header.menu nav.menu ul.menu li.nav{
    background: #5A617F;
    position: relative;
    text-align: center;
    width: 100%;
}
header.menu nav.menu ul.menu li.nav a{
    color: white;
    display: block;
    width: 100%;
}
header.menu nav.menu ul.menu li.nav > a.sub::after{
    content: "▾";
    margin-left: 10px;
}
header.menu nav.menu ul.menu li.nav:hover{
    background: #A3A3A3;
    color: white;
}
header.menu nav.menu ul.menu li.nav ul{
    background-color: white;
    display: none;
}
header.menu nav.menu ul.menu li.nav ul li,
header.menu nav.menu ul.menu li.nav ul li a{
    color: black;
}
header.menu nav.menu ul.menu li.nav:hover ul{
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}
header.menu nav.menu ul.menu.right li.nav{
    float: right;
}
header.menu nav.menu ul.menu li,
header.menu nav.menu ul.menu li a{
    line-height: 32px;
}
header.menu nav.menu ul.menu li a{
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    width: 100%;
}
header.menu nav.menu ul.menu li a:hover {
    color: #333131 !important;
    cursor: pointer;
    font-weight: 100;
    transition-duration: 0.2s;
}
header.menu nav.menu ul.hello{
}
header.menu nav.menu ul.hello li{
    text-align: center;
    width: 100%;
}
/*
 section wrap
*/
section.wrap {
    background: none repeat scroll 0 0 white;
    margin: 50px auto 0;
    max-width: 960px;
    width: 100%;
    z-index: -9999;
}
section.content {
    margin: auto;
    width: 90%;
}
/*
//////
*/
#annuleMdp{
    text-decoration: underline;
}
#buttonmdpmodif:hover{
    display: block;
    color: #326CFF;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    width: 210px;
    cursor: pointer;
    -webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}
#buttonmdpmodif{
    display: block;
    color: #fff;
    background-color: #326CFF;
    border-radius: 10px;
    text-align: center;
    width: 210px;
    cursor: pointer;
}
#addStagiaire ul{

}
#addStagiaire ul li{
    float: left;
    height: 30px;
    width: 500px;
}
#addStagiaire ul li div.label,
#addStagiaire ul li div.input{
    float: left;
}
#addStagiaire ul li div.label{
    width: 250px;
}
#addStagiaire ul li div.input input{
    padding: 3px 5px;
}
section.dataWrap{
    position: relative;
    width: 100%;
}
section.dataWrap section.data{
    float:left;
    width:50%;
    padding: 5px;
}
section.dataWrap section .listDataLabel {
    background: #f0f0f0 none repeat scroll 0 0;
    margin: 0 auto;
    padding: 0;
}
section.dataWrap section .listDataLabel h2{
    font-size: 25px;
    padding: 5px 10px;
}
section.dataWrap section .listDataLabel .label,
section.dataWrap section .listDataLabel .stagiaireData{
    float: left;
    margin: 0 auto;
    padding: 5px 10px;
    position: relative;
}
section.dataWrap section .listDataLabel .label{
    background: #f9f9f9 none repeat scroll 0 0;
    min-height: 45px;
    line-height: 35px;
    width: 40%;
}
section.dataWrap section .listDataLabel .stagiaireData{
    background: #e5e5e5 none repeat scroll 0 0;
    min-height: 45px;
    line-height: 35px;
    width: 60%;
}
.stagiaireData > a img {
    opacity: 0.6;
    position: absolute;
    right: 10px;
    top: 14px;
}
.stagiaireData > a img:hover {
    opacity: 1;
}
section.dataWrap section .listDataLabel .stagiaireData input[type=text],
section.dataWrap section .listDataLabel .stagiaireData select{
    min-height: 30px;
    margin-top: 3px;
    width: 100%;
}
section.dataWrap section .listDataLabel .stagiaireData input[type=radio]{
    margin-top: 13px;
}
section.dataWrap section .listDataLabel:hover .label{
    background: #d9d9d9 none repeat scroll 0 0;
}
section.dataWrap section .listDataLabel:hover .stagiaireData{
    background: #c5c5c5 none repeat scroll 0 0;
    cursor: copy;
}
section.dataWrap section.sessions{
    float:left;
    width:50%;
    padding: 5px;
}
.input-stagiaire{
    cursor:pointer;
}
/*
//////
*/
ul.text li {
    margin: 20px;
}
ul.rom > li{
    list-style: upper-roman;
}
ul.rom-s > li{
    list-style: lower-roman;
}
ul.num > li{
    list-style: number;
}
ul.disc > li{
    list-style: disc;
}
ul.arrow > li:before {
    content: "\00BB \0020";
}
ul.tick > li:before {
    content: "\2713";
    margin-right: 5px;
}
ul.tiret > li:before {
    content: "- ";
    margin-right: 5px;
}
.left{
    float: left;
}
.right{
    float: right;
}
.red{
    color: #e92020;
}
.orange{
    color: #ffc000;
}
.yellow{
    color: #ffff00;
}
.purple{
    color: #002060;
}
.hidden{
    display: none!important;
}
.hidden-1{
    display: none!important;
}
.hidden-2{
    display: none!important;
}
#backtotop{
    display: none;
    right: 5%;
    bottom: 5%;
    opacity: 0.8;
    position: fixed;
}
#backtotop:hover{
    opacity: 1;
}
/*//
// Footer
//*/
footer{
    background: white;
    margin: 0 auto;
    padding-top: 50px;
    width: 100%;
}
footer nav{
    text-align: center;
}
@media only screen and (min-width: 460px){
    /*//
    // header
    //*/
    header{
        margin: 0 auto;
        width: 100%;
    }
    header nav{
        max-width: 960px;
        /*min-width: 960px;*/
        position: relative;
        width: 80%;
        margin: 0 auto;
    }
    header.menu nav.top li.nav{
        display: block;
    }
    header.menu nav.top div.form{
        float: right;
        text-align: right;
        width: 450px;
    }
    header.menu nav.top form.submit input[type=text]{
        height: 25px;
        padding-left: 8px;
        transition-duration: 0.5s;
        width: 100px;
    }
    header.menu nav.top form.submit input[type=text]:focus{
        width: 180px;
    }
    header.menu nav.top form.submit input[type=submit]{
        height: 27px;
        width: 30px;
    }
    header.menu nav.menu{
        height: 32px;
    }
    header.menu nav.menu ul.menu {
        width: 80%;
    }
    header.menu nav.menu ul.menu li.nav{
        float: left;
        padding: 0 15px;
        width: auto;
    }
    header.menu nav.menu ul.menu li.nav ul{
        background: #A3A3A3;
        display: none;
        position: absolute;
        left: 0;
        z-index: 9999;
    }
    header.menu nav.menu ul.menu li.nav ul li a:hover{
        background: #FFD5C9;
        color: white;
    }
    header.menu nav.menu ul.hello{
        float:right;
        width: 20%;
    }
    header.menu nav.menu ul.hello li{
        float: right;
        width: auto;
    }
    header.menu nav.top div.form{
        position:absolute;
        right: 0;
        top: 15px;
        width: 250px;
    }
    header.menu nav.menu ul.menu li.nav ul li:first-child{
        border-top: 1px solid #A3A3A3;
    }
    header.menu nav.menu ul.menu li.nav ul li{
        background: #A3A3A3;
        display: block;
        text-align: left;
        width: 180px;
    }
    header.menu nav.menu ul.menu li.nav ul li a{
        color: white;
        padding-left: 10px;
        display: block;
        width: 180px;
    }
    header.menu nav.menu ul.menu li.nav,
    header.menu nav.menu ul.menu li.nav a{
        height: 32px;
        line-height: 32px;
    }
    section.content {
        width: 100%;
    }
}
/*//
//
//*/
#readme div{
    margin-bottom: 20px;
}
#readme h2,
#divers h2,
#divers h3{
    text-decoration: underline;
}
#readme div p{
    width: 700px;
}
#divers div div h3{
    height: auto;
}
#divers div div a{
    font-style: italic;
    color: #5A617F;
    text-decoration: underline;
}
#divers div div a:hover{
    font-style: italic;
    color: #AA0000;
    text-decoration: none;
}
#divers div div #leboncoin li{
    margin-top: 15px;
}
#divers div div #leboncoin li ul li{
    margin-top: 0 !important;
}
#divers div div{
    margin-top: 20px;
    margin-bottom: 10px;
}
.id-divers{
    color: #2b542c;
    font-weight: bold;
}
.mdp-divers{
    color: #0085c8;
    font-weight: bold;
}
.repertoires{
    display: block;
    float: left;
    width: 250px;
    font-weight: 400;
    color: #ac2925;
}
.nota{
    margin: 10px;
    font-weight: bold;
}
.cb{
    clear: both;
}
li.sep{
    border-top: 1px solid #dedede;
    height: 1px!important;
    margin: 0 auto;
    width: 60%;
}
.close:hover{
    cursor: pointer;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}
.rotateHalf:hover{
    cursor: pointer;
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Safari */
    transform: rotate(10deg);
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}
.display-block{
    display: block;
}
.margin-auto{
    margin: auto;
}
.text-center{
    text-align: center;
}
.width-50{
    width: 50%;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
w495{
    width: 49.5%;
}
.underline{
    border-bottom: 1px solid #999;
}
.italic{
    font-style: italic;
}
.small-font{
    font-size: 12px;
}
.medium-font{
    font-size: 14px;
}
.stuck {
    position: fixed;
}
.show{
    display: block!important;
}
.show-1{
    display: block!important;
}
.show-2{
    display: block!important;
}
.hide{
    display: none!important;
}
.UbuntuItalic{
    font-family: 'UbuntuItalic';
}
.opacity{
    opacity: 1!important;
}
.opacity-low {
    opacity: 0.6!important;
}
.doc-stagiaire{
    font-size: 10px;
}
table.dataTable {
    font-family: "Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif;
    border-collapse: separate;
    border-spacing: 0;
    float:right;
    clear: both;
    margin: 0 auto;
    width: 100%;
}
table.dataTable thead th, table.dataTable tfoot th {
    font-family: 'source_sans_proregular';
    /*font-size:18px;*/
    font-weight: bold;
}
table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #111111;
    padding: 10px;
    text-align: left;
}
table.dataTable thead th:active, table.dataTable thead td:active {
    outline: medium none;
}
table.dataTable tfoot th, table.dataTable tfoot td {
    border-top: 1px solid #111111;
    padding: 10px 18px 6px;
    text-align: left;
}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting {
    cursor: pointer;
}
table.dataTable thead .sorting {
    background: url("/private/images/icons/table_sort/sort_both.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
table.dataTable thead .sorting_asc {
    background: url("/private/images/icons/table_sort/sort_asc.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
table.dataTable thead .sorting_desc {
    background: url("/private/images/icons/table_sort/sort_desc.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
table.dataTable thead .sorting_asc_disabled {
    background: url("/private/images/icons/table_sort/sort_asc.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
table.dataTable thead .sorting_desc_disabled {
    background: url("/private/images/icons/table_sort/sort_desc.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
table.dataTable tbody tr {
    background-color: #fff;
}
table.dataTable tbody tr:hover{
    background-color: #f0f0f0;
}
table.dataTable tbody tr.selected {
    background-color: #b0bed9;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 10px;
}
table.dataTable tbody td.mod{
    padding:2px 5px;
    width:15px;
}
table.dataTable tbody td img{
    height:15px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #dddddd;
}
table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
    border-top: medium none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
    border-top: medium none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
    background-color: #abb9d3;
}
table.dataTable.hover tbody tr:hover, table.dataTable.hover tbody tr.odd:hover, table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover, table.dataTable.display tbody tr.odd:hover, table.dataTable.display tbody tr.even:hover {
    background-color: whitesmoke;
}
table.dataTable.hover tbody tr.selected:hover, table.dataTable.hover tbody tr.odd.selected:hover, table.dataTable.hover tbody tr.even.selected:hover, table.dataTable.display tbody tr.selected:hover, table.dataTable.display tbody tr.odd.selected:hover, table.dataTable.display tbody tr.even.selected:hover {
    background-color: #a9b7d1;
}
table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
    background-color: #f9f9f9;
}
table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 {
    background-color: #acbad4;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #a6b3cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #a7b5ce;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #a9b6d0;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #f9f9f9;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fbfbfb;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fdfdfd;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #acbad4;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #adbbd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.display tbody tr.odd:hover > .sorting_1, table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
    background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.display tbody tr.odd:hover > .sorting_2, table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
    background-color: #ebebeb;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.display tbody tr.odd:hover > .sorting_3, table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
    background-color: #eeeeee;
}
table.dataTable.display tbody tr.selected:hover > .sorting_1, table.dataTable.display tbody tr.odd.selected:hover > .sorting_1, table.dataTable.display tbody tr.even.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.odd.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.even.selected:hover > .sorting_1 {
    background-color: #a1aec7;
}
table.dataTable.display tbody tr.selected:hover > .sorting_2, table.dataTable.display tbody tr.odd.selected:hover > .sorting_2, table.dataTable.display tbody tr.even.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody tr.odd.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody tr.even.selected:hover > .sorting_2 {
    background-color: #a2afc8;
}
table.dataTable.display tbody tr.selected:hover > .sorting_3, table.dataTable.display tbody tr.odd.selected:hover > .sorting_3, table.dataTable.display tbody tr.even.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody tr.odd.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody tr.even.selected:hover > .sorting_3 {
    background-color: #a4b2cb;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #111111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap;
}
table.dataTable.compact thead th, table.dataTable.compact thead td {
    padding: 5px 9px;
}
table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
    padding: 5px 9px 3px;
}
table.dataTable.compact tbody th, table.dataTable.compact tbody td {
    padding: 4px 5px;
}
table.dataTable th.dt-left, table.dataTable td.dt-left {
    text-align: left;
}
table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
    text-align: center;
}
table.dataTable th.dt-right, table.dataTable td.dt-right {
    text-align: right;
}
table.dataTable th.dt-justify, table.dataTable td.dt-justify {
    text-align: justify;
}
table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
    white-space: nowrap;
}
table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
    text-align: left;
}
table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
    text-align: center;
}
table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
    text-align: right;
}
table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
    text-align: justify;
}
table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap;
}
table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
    text-align: left;
}
table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
    text-align: center;
}
table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
    text-align: right;
}
table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
    text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap;
}
table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: content-box;
}
.dataTables_wrapper {
    border-top: 10px solid #FF3330;
    clear: both;
    float: right;
    margin-top: 50px;
    padding-top: 25px;
    position: relative;
    width: 100%;
}
.dataTables_wrapper .dataTables_length {
    float: left;
}
.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
    float: right;
    padding-top: 0.25em;
    text-align: right;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid transparent;
    box-sizing: border-box;
    color: #333333 !important;
    cursor: pointer;
    display: inline-block;
    margin-left: 2px;
    min-width: 1.5em;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: linear-gradient(to bottom, white 0%, gainsboro 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #cacaca;
    color: #333333 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid transparent;
    box-shadow: none;
    color: #666 !important;
    cursor: default;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: linear-gradient(to bottom, #585858 0%, #111111 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #111111;
    color: white !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 3px #111 inset;
    outline: medium none;
}
.dataTables_wrapper .dataTables_processing {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 1.2em;
    height: 40px;
    left: 50%;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #333333;
}
.dataTables_wrapper .dataTables_scroll {
    clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
    height: 0;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
    border-bottom: medium none;
}
.dataTables_wrapper:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
    }
    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em;
    }
}
@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
    }
    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em;
    }
}
a.delete:hover{
    cursor: pointer;
    opacity: 0.8;
}
a.attente_ajourne:hover{
    cursor: pointer;
    opacity: 0.8;
}
img.print:hover,
a.move:hover,
a#addStagiaire:hover,
a#delete:hover{
    cursor: pointer;
}
td.session-stagiaire:hover,
td.doc-stagiaire:hover{
    background-color:#ccccff;
}
div.printStagiaire{
    background: white none repeat scroll 0 0;
    border: 1px solid #000;
    display: none;
    line-height: 25px;
    padding: 5px 10px;
    position: absolute;
    z-index: 100;
}
.sep{
    background: #FF3330;
    clear: left;
    height: 10px;
    width: 100%;
}
.tools{
    float: left;
    margin: 0 10px;
    width: 300px;
}
.tools ul.data{
}
.tools ul.data li strong{
    color: #ff0000;
    font-weight: bold;
}
.tools ul.data li .white{
    color: #fff;
}
div.sessionPaiementStatutStagiaire div.content,
div.sessionMoveStagiaire div.content,
div.sessionAddStagiaire div.content{
    background: white;
    border-radius: 5px;
    height: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width:600px;
    overflow-y: scroll;
}
div.alert-photo div.content,
div.alert div.content,
div.alert_attente_ajourne div.content{
    background: white;
    border-radius: 5px;
    height: auto;
    padding: 10px 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width:300px;
}
#sessionHint{
    max-height: 300px;
}
#formationHint{
    max-height: 300px;
}
#dateHint{
    max-height: 300px;
    overflow-y: scroll;
}

#villeHint{
    max-height: 300px;
}
/**************/
/* CALENDRIER */
/**************/

/**************/
/* END CALENDRIER */
/**************/
#filter-calendar{
    padding-top: 50px;
    margin-bottom: 20px;
}
#filter-calendar div{
    margin-right: 20px;
}
#filter-calendar div label select{
    margin-left: 10px;
}
#ville-calendar, #formation-calendar{
    border: 1px solid #326CFF;
}
.custom-dropdown--large {
    font-size: 1.5em;
    border: 1px solid #326CFF;
}

.custom-dropdown--small {
    font-size: .7em;
    border: 1px solid #326CFF;
}

.custom-dropdown__select{
    border: 1px solid #326CFF;
    font-size: inherit; /* inherit size from .custom-dropdown */
    padding: .5em; /* add some space*/
    margin: 0; /* remove default margins */
}

.custom-dropdown__select--white {
    border: 1px solid #326CFF;
    background-color: #fff;
    color: #444;
}

@supports (pointer-events) : none and
((-webkit-appearance: none) or
(-moz-appearance: none) or
(appearance: none)) {

    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .custom-dropdown__select {
        padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */
        border: 0;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .custom-dropdown::before,
    .custom-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .custom-dropdown::after { /*  Custom dropdown arrow */
        content: "\25BC";
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.2em;
        top: 50%; margin-top: -.5em;
    }

    .custom-dropdown::before { /*  Custom dropdown arrow cover */
        width: 2em;
        right: 0; top: 0; bottom: 0;
        border-radius: 0 3px 3px 0;
    }

    .custom-dropdown__select[disabled] {
        color: rgba(0,0,0,.3);
        background-color: #326CFF;
    }

    .custom-dropdown.custom-dropdown--disabled::after {
        color: rgba(0,0,0,.1);
        background-color: #326CFF;
    }

    /* White dropdown style */
    .custom-dropdown--white::before {
        background-color: #fff;
        border-left: 1px solid rgba(0,0,0,.1);
        background-color: #326CFF;
    }

    .custom-dropdown--white::after {
        color: #fff;
    }

    /* FF only temp fix */
    @-moz-document url-prefix() {
        .custom-dropdown__select 			 { padding-right: .9em }
        .custom-dropdown--large .custom-dropdown__select { padding-right: 1.3em }
        .custom-dropdown--small .custom-dropdown__select { padding-right: .5em }
    }
}

.underlineText{
    text-decoration: underline;
}

/**************/
/* FORMATIONS EN LIGNE */
/**************/


.formation-card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
}

/* On mouse-over, add a deeper shadow */
.formation-card:hover {
  box-shadow: 0 16px 32px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
.formation-container {
  padding: 2px 16px;
}

/**************/
/* LISTE MODULES */
/**************/

.dropdown-content{
    display: none;
    margin-left: 30px;
}

.dropdown:before{
    content: '\25ba';
    padding-right: 0.5em;
    display: inline-block;
}

.dropdown:hover{
    text-decoration: underline;
}

.rotate-arrow:before{
    transform: rotate(90deg);
}

/**************/
/* EVALUATION */
/**************/

.question{
    min-height: 275px;
}

.cui-toolbar-buttondock alignright{
    display: none !important
}



@media print { body, div, p { display: none } }



/**************/
/** PLANNING **/
/**************/

.planning{
    width: 100%;
    border: 1px solid black;
}

.planning td {
    border: 1px solid;
    text-align: center;
    vertical-align: middle;
}