/*
/	Solution web ideveloppement
/	http://www.ideveloppement.net
/
*/

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,b,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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* Basic HTML
------------------------------------------------------------------------*/
body {
    font: 13px/1.5 Arial, Helvetica, sans-serif;
    color: #333;
    background: url('../img/bg.jpg') no-repeat 50% 0 fixed;
    background-size: 100%;
}
p, h1, h2, h3, h4, h5, h6, ul, ol {
    margin: 0 0 18px;
}
h2 {
    background: url('../img/icn_check.png') no-repeat 0 50%;
    padding: 0 0 0 40px;
    font-size: 23px;
}
h3 {
    font-size: 18px;
}
ol {
    list-style: decimal;
    padding: 0 0 0 35px;
}
ul {
    list-style: disc;
    padding: 0 0 0 35px;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
hr {
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}
a {
    color: #333;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
button {
    cursor: pointer;
}
.wrapper {
    min-width: 1094px;
    max-width: 2000px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 10px;
}
.lwrapper {
    background: url('../img/shadow_l.png') no-repeat 0 125px;
}
.rwrapper {
    background: url('../img/shadow_r.png') no-repeat 100% 125px;
}
.iwrapper {
    margin: 0 22px 0 23px;
}

/* Common
------------------------------------------------------------------------*/
.text-center {
    text-align: center;
}
.black_box {
    width: 730px;
    padding: 20px 25px 5px;
    margin: 0 auto 30px;
    background: rgba(0,0,0,0.75);
    border: 2px solid #fff;

    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.50), 0 0 6px rgba(0, 0, 0, 1.0) inset;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.50), 0 0 6px rgba(0, 0, 0, 1.0) inset;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.50), 0 0 6px rgba(0, 0, 0, 1.0) inset;

    color: #fff;
}
.black_box header {
    background: url('../img/hr.png') no-repeat 50% 100%;
    margin: 0 0 20px;
    overflow: hidden;
}
.black_box a {
    color: #4aabe3;
}

.main_messageInfos {
    background: #FFF;
    background: RGBA(255,255,255,0.8);
    border: 1px solid #0F5D80;
    margin: 20px 80px 0 260px;
    padding: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.main_messageInfos .message {
    margin: 0 0 20px;
    padding: 0 0 15px;
    border-bottom: 1px solid #aaa;
}

.main_messageInfos .last_message {
    margin: 0;
    padding: 0;
    border: 0;
}
.grey_box {
    width: 90%;
    padding: 20px 25px 5px;
    margin: 0 auto 30px;
    background: rgba(0,0,0,0.3) url('../img/grey_box_shadow.png') no-repeat 50% 0;

    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.grey_box header {
    background: url('../img/hr.png') no-repeat 50% 100%;
    margin: 0 0 20px;
    overflow: hidden;
}
.grey_box h2,
.grey_box h3 {
    color: #fff;
}

.form {
    overflow: hidden;
    margin: 0 0 18px;
}
.form .wrap {
    overflow: hidden;
}
.form .left {
    float: left;
    width: 50%;
    clear: left;
}
.form .right {
    float: left;
    width: 50%;
    /*margin: 0 0 0 20px;*/
}
.form-row {
    overflow: hidden;
    margin: 0 0 8px;
}
.form-row label,
.form-row .label {
    float: left;
    line-height: 35px;
    height: 35px;
    width: 265px;
    font-size: 14px;
    text-align: right;
    padding: 0 15px 0 0;
}
.form-row label span,
.form-row .label span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1;
}
.form .left label,
.form .right label,
.form .left .label,
.form .right .label {
    width: 195px;
}

.form-row .text,
.form-row .textarea {
    float: left;
    padding: 5px 0;
}
.form-row .text input,
.form-row .textarea textarea {
    background: #fff;
    border: 1px solid #626262;
    padding: 5px;
    height: 15px;
    width: 368px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    outline: none;
}
.form-row .textarea textarea {
    height: 100px;
    overflow: auto;
    margin: 0;
    resize: none;
}
.form .left .form-row .text input,
.form .right .form-row .text input,
.form .left .form-row .textarea textarea,
.form .right .form-row .textarea textarea {
    width: 238px;
}
.form-row .file {
    float: left;
    margin: 5px 0 0 5px;
}
.form-row .static {
    float: left;
    width: 380px;
    line-height: 35px;
}
.form-row .static span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1;
}
.form-row .static .number {
    display: inline-block;
    text-align: center;
}
.form-row .static .number strong {
    display: block;
    font-size: 25px;
}
.form .left .form-row .static,
.form .right .form-row .static {
    width: 250px;
}

.form-row ul {
    overflow: hidden;
    margin: 10px 0 0;
 }

.form-row input[type="checkbox"] {
    float: left;
    margin: 11px 0 0;
}
.form-row .subscStudents {
    display: none;
    clear: both;
}
.form-row .studentsSubscribedDupl {
    line-height: 34px;
    margin: 0 0 0 211px;
    width: 250px;
}

.form-row .studentsSubscribedDupl input {
    margin: 11px 10px 0 0;
}

.form-row .select {
    width: 380px;
    float: left;
    line-height: 35px;
}
.form-row .select select {
    width: 350px;
    vertical-align: middle;
}
.form-row .select_mul {
    width: 380px;
    float: left;
}
.form-row .select_mul select {
    width: 350px;
    float: left;
    resize: both;
}
.form-row .select_mul span {
    float: left;
    clear: left;
    padding: 10px 0 0;
}
.form .left .form-row .select,
.form .right .form-row .select,
.form .left .form-row .select_mul,
.form .right .form-row .select_mul {
    width: 230px;
}
.form .left .form-row .select select,
.form .right .form-row .select select,
.form .left .form-row .select_mul select,
.form .right .form-row .select_mul select {
    width: 200px;
}

.form-row .checkrad {
    float: left;
    width: 380px;
    line-height: 35px;
}
.form-row .checkrad input {
    vertical-align: middle;
    margin: 0 7px 0 0;
}
.form .left .form-row .checkrad,
.form .right .form-row .checkrad {
    width: 260px;
}

.form-row .group {
    float: left;
    width: 380px;
    padding: 7px 0;
}
.form .left .form-row .group,
.form .right .form-row .group {
    width: 250px;
}
.form-row .group .row {
    overflow: hidden;
    float: left;
    clear: left;
}
.form-row .group .checkrad {
    line-height: 25px;
}
.form-row .group .checkrad label,
.form-row .group .checkrad .label {
    line-height: 28px;
    height: 28px;
    font-size: 12px;
}

.form-row .checkrad label,
.form-row .checkrad .label {
    float: none;
    display: inline-block;
    text-align: left;
    padding: 0;
}



.form.tiny {
    width: 730px;
    margin: 0 auto 18px;
}

.form.tiny .form-row label,
.form.tiny .form-row .label {
    width: 135px;
}


.form.tiny .form-row .text input {
    width: 318px;
}
.form.tiny .left .form-row .text input,
.form.tiny .right .form-row .text input {
    width: 178px;
}

.form.tiny .form-row .select,
.form.tiny .form-row .select_mul {
    width: 355px;
}
.form.tiny .form-row .select select,
.form.tiny .form-row .select_mul select {
    width: 345px;
}

.form.tiny .left .form-row .select,
.form.tiny .right .form-row .select,
.form.tiny .left .form-row .select_mul,
.form.tiny .right .form-row .select_mul {
    width: 215px;
}
.form.tiny .left .form-row .select select,
.form.tiny .right .form-row .select select,
.form.tiny .left .form-row .select_mul select,
.form.tiny .right .form-row .select_mul select {
    width: 205px;
}

.text-error,
.form-row.error label,
.form-row.error .label {
    color: #EA2626;
}
.form-row.error .text input,
.form-row.error .textarea textarea {
    border: 1px solid #B87070;
    background: #FFDEDE;
}

.form-controls {
    overflow: hidden;
    padding: 20px 0 0 280px;
    clear: both;
    position: relative;
}
.form-controls .right {
    float: right;
    width: auto;
    margin: 0 35px 0 0;
}
.form-controls .required {
    font-size: 12px;
    line-height: 42px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px 0 0 40px;
}
.wrap .form-controls {
    padding-left: 210px;
}

.form.tiny .form-controls,
.form.tiny .form-controls {
    padding-left: 150px;
}

.form-row .select.like {
    position: relative;
    overflow: hidden;
    padding: 5px 0;

}
.form-row .select.like .wrap {
    position: absolute;
    border: 1px solid #0c3b50;

    background: #0e678c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlNjc4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBlNjc4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBjNGQ2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzRkNjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #0e678c 0%, #0e678c 50%, #0c4d69 50%, #0c4d69 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e678c), color-stop(50%,#0e678c), color-stop(50%,#0c4d69), color-stop(100%,#0c4d69));
    background: -webkit-linear-gradient(top,  #0e678c 0%,#0e678c 50%,#0c4d69 50%,#0c4d69 100%);
    background: -o-linear-gradient(top,  #0e678c 0%,#0e678c 50%,#0c4d69 50%,#0c4d69 100%);
    background: -ms-linear-gradient(top,  #0e678c 0%,#0e678c 50%,#0c4d69 50%,#0c4d69 100%);
    background: linear-gradient(top,  #0e678c 0%,#0e678c 50%,#0c4d69 50%,#0c4d69 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e678c', endColorstr='#0c4d69',GradientType=0 );

    color: #fff;
}
.form-row .select.like .wrap span {
    margin: 0 7px 0 14px;
    padding: 0 25px 0 0;
    display: block;
    background: url('../img/select_like_arrow.png') no-repeat 100% 50%;

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size:  12px;
}
.form-row .select.like select {
    opacity: 0;
    filter: alpha(opacity=0);

    margin: 4px 0 0;
}


.btn {
    border: 1px solid #0c3b50;

    background: #0e678c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlNjc4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBlNjc4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBjNGQ2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzRkNjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #0e678c 0%, #0e678c 50%, #0c4d69 50%, #0c4d69 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e678c), color-stop(50%,#0e678c), color-stop(50%,#0c4d69), color-stop(100%,#0c4d69));
    background: -webkit-linear-gradient(top,  #0e678c 0%,#0e678c 50%,#0c4d69 50%,#0c4d69 100%);
    background: -o-linear-gradient(top,  #0e678c 0%,#0e678c 50%,#0c4d69 50%,#0c4d69 100%);
    background: -ms-linear-gradient(top,  #0e678c 0%,#0e678c 50%,#0c4d69 50%,#0c4d69 100%);
    background: linear-gradient(top,  #0e678c 0%,#0e678c 50%,#0c4d69 50%,#0c4d69 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e678c', endColorstr='#0c4d69',GradientType=0 );

    padding: 0 14px;
    line-height: 38px;
    color: #fff;
    font-size: 14px;
    float: left;
}
a.btn {
    height: 40px;
    line-height: 40px;
}
.btn.tiny {
    line-height: 20px;
    font-size: 11px;
    padding: 0 3px;
}
a.btn.tiny {
    height: 22px;
    line-height: 22px;
}
.btn:hover {

    background: #117ba7; /* Old browsers */
    background: -moz-linear-gradient(top,  #117ba7 0%, #117ba7 50%, #0f5d80 50%, #0f5d80 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#117ba7), color-stop(50%,#117ba7), color-stop(50%,#0f5d80), color-stop(100%,#0f5d80)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #117ba7 0%,#117ba7 50%,#0f5d80 50%,#0f5d80 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #117ba7 0%,#117ba7 50%,#0f5d80 50%,#0f5d80 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #117ba7 0%,#117ba7 50%,#0f5d80 50%,#0f5d80 100%); /* IE10+ */
    background: linear-gradient(top,  #117ba7 0%,#117ba7 50%,#0f5d80 50%,#0f5d80 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#117ba7', endColorstr='#0f5d80',GradientType=0 ); /* IE6-9 */


    text-decoration: none;
}


.btn_link {
    float: left;
    font-size: 14px;
    line-height: 42px;
}
.btn_link.delete {
    background: url('../img/icn_cross.png') no-repeat 0 50%;
    padding-left: 30px;
}
.spush {
    margin-left: 5px;
}
.push{
    margin-left: 20px;
}
.pushr {
    margin-right: 20px;
}
.actions {
    clear: left;
    overflow: hidden;
    margin: 0 0 18px;
}
.actions.over {
    overflow: visible;
}
.actions .btn.tiny {
    margin-top: 3px;
}
.actions .right {
    float: right;
}
.link_back {
    margin: 0 0 18px;
}

.wfixed {
    width: 926px;
}

.table_wrapper {
    width: 100%;
    overflow: auto;
    margin: 0 0 18px;
    max-height: 400px;
}
table {
    width: 100%;
    border: 1px solid #0c3b50;
}
thead {
    border: 1px solid #0c3b50;
}
thead tr {
    border: 1px solid #0c3b50;
}
th {
    background: #0e678c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlNjc4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBlNjc4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBjNGQ2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzRkNjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #0e678c 0%, #0e678c 50%, #0c4d69 50%, #0c4d69 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e678c), color-stop(50%,#0e678c), color-stop(50%,#0c4d69), color-stop(100%,#0c4d69));
    background: -webkit-linear-gradient(top,  #0e678c 0%,#0e678c 50%,#0c4d69 50%,#0c4d69 100%);
    background: -o-linear-gradient(top,  #0e678c 0%,#0e678c 50%,#0c4d69 50%,#0c4d69 100%);
    background: -ms-linear-gradient(top,  #0e678c 0%,#0e678c 50%,#0c4d69 50%,#0c4d69 100%);
    background: linear-gradient(top,  #0e678c 0%,#0e678c 50%,#0c4d69 50%,#0c4d69 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e678c', endColorstr='#0c4d69',GradientType=0 );


    color: #fff;
    font-size: 13px;
    padding: 5px;

    border-left: 1px solid #0c3b50;
    border-right: 1px solid #0c3b50;
    border-bottom: 1px solid #0c3b50;
    vertical-align: middle;
}
th a {
    color: #fff;
}
.head_sub th {
    padding: 2px 5px;
    background: #0C4D69;
}
tbody {
    background: #fff;
}
tbody tr:first-child td {
    border-top: 1px solid #0c3b50;
}
tbody tr:last-child td {
    border-bottom: 1px solid #0c3b50;
}
td:first-child,
td.first {
    border-left: 1px solid #0c3b50;
}
td:last-child,
td.last {
    border-right: 1px solid #0c3b50;
}
td {
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    vertical-align: middle;
}
td.first {
    border-left: 0;
}
td.last {
    border-right: 0;
}
td.nb,
td.icn_cell,
td.icn_check {
    text-align: center;
}
td.icn_check {
	padding: 0;
	font-size: 2em;
	line-height: 1;
}
.tr-highlight td {
    color: #ea2626;
}
.icn {
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: no-repeat 0 0;
    vertical-align: middle;
}
.icn.checked {
    background-image: url('../img/icn_check_mini.png');
    width: 16px;
    height: 16px;
}
.icn.unchecked {
    background-image: url('../img/icn_uncheck_mini.png');
    width: 16px;
    height: 16px;
}
.icn.canceled {
    background-image: url('../img/icn_del.png');
    width: 24px;
    height: 24px;
}
.icn.pending {
    background-image: url('../img/icn_pending.png');
    width: 24px;
    height: 27px;
}
.icn.open {
    background-image: url('../img/icn_open.png');
    width: 21px;
    height: 28px;
}
.icn.closed {
    background-image: url('../img/icn_closed.png');
    width: 22px;
    height: 29px;
}
.icn.detail {
    background-image: url('../img/icn_detail.png');
    width: 22px;
    height: 21px;
}
.icn.edit {
    background-image: url('../img/icn_edit.png');
    width: 27px;
    height: 24px;
}
.icn.subscribe {
    background-image: url('../img/icn_people.png');
    width: 34px;
    height: 22px;
}
.icn.copy {
    background-image: url('../img/icn_copy.png');
    width: 29px;
    height: 29px;
}

.flash_notice,
.flash_success,
.flash_error {
    padding: 15px;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 18px;
    text-align: center;
}
.flash_success {
    background: #d5f8d5;
    color: #13b711;
    border: 1px solid #5D915C;
}
.flash_error {
    background: #ffdede;
    color: #ea2626;
    border: 1px solid #B87070;
}
.flash_notice {
    color: #da9510;
    background-color: #fdf3b9;
    border: 1px solid #A4864C;
}
.flash_notice p,
.flash_success p,
.flash_error p {
    margin: 0;
}

/* Header
------------------------------------------------------------------------*/
#main_header {
    padding: 90px 0 0;
    position: relative;
}

#logo_wrap{
    background-image:url(/img/logo.png?2022);
    width: 387px;
    height: 133px;
}
#logo {
    background-image:url(/img/logo.png?2022);
    margin: 0;
    position: absolute;
    top: 25px;
    left: 15px;
    height: 133px;
}

#main_header .content {
    background: rgba(255,255,255,0.8);
    min-height: 191px;
}
#top_nav {
    overflow: hidden;
    padding: 10px 0;
}
#top_nav a {
    line-height: 35px;
    float: left;
    background: no-repeat 0 50%;
    font-size: 20px;
    color: #50504e;
    text-shadow: 5px 5px 5px rgba(0,0,0,0.35);
}
#top_nav .welcome {
    background-image: url('../img/icn_welcome.png');
    margin: 0 0 0 410px;
    padding: 0 0 0 49px;
}
#top_nav div {
    float: right;
    margin: 0 15px 0 0;
}
#top_nav div a {
    padding: 0 0 0 42px;
    margin: 0 0 0 25px;
}
#top_nav .account {
    background-image: url('../img/icn_account.png');
}
#top_nav .logout {
    background-image: url('../img/icn_logout.png');
}

#main_nav {
    height: 52px;
    margin: 100px 0 0;
    position: relative;
    top: 13px;
    z-index: 2;
}

#main_nav.margin_nav {
    margin: 20px 0 0;
}

#main_nav ul {
    float: right;
    padding: 0;
    margin: 0 7% 0 0;
}
#main_nav li {
    list-style: none;
    float: left;
    margin: 0 0 0 5px;
    height: 52px;
    background: url('../img/menu_shadow.png') no-repeat 50% 100%;
}
#main_nav a {
    display: block;
    height: 38px;
    line-height: 38px;
    border: 1px solid #7c7c7c;
    border-bottom: 0;
    padding: 0 10px;
    width: 110px;
    text-align: center;

    color: #333;
    font-weight: bold;

    background: #9e9e9e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllOWU5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzllOWU5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzdjN2M3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YzdjN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #9e9e9e 0%, #9e9e9e 50%, #7c7c7c 50%, #7c7c7c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e9e9e), color-stop(50%,#9e9e9e), color-stop(50%,#7c7c7c), color-stop(100%,#7c7c7c));
    background: -webkit-linear-gradient(top,  #9e9e9e 0%,#9e9e9e 50%,#7c7c7c 50%,#7c7c7c 100%);
    background: -o-linear-gradient(top,  #9e9e9e 0%,#9e9e9e 50%,#7c7c7c 50%,#7c7c7c 100%);
    background: -ms-linear-gradient(top,  #9e9e9e 0%,#9e9e9e 50%,#7c7c7c 50%,#7c7c7c 100%);
    background: linear-gradient(top,  #9e9e9e 0%,#9e9e9e 50%,#7c7c7c 50%,#7c7c7c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#7c7c7c',GradientType=0 );

    text-shadow: 1px 1px 1px rgba(255,255,255,0.35);
}
#main_nav a:hover {
    text-decoration: none;

    background: #b1b1b1; /* Old browsers */
    background: -moz-linear-gradient(top,  #b1b1b1 0%, #b1b1b1 50%, #8f8f8f 50%, #8f8f8f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1b1b1), color-stop(50%,#b1b1b1), color-stop(50%,#8f8f8f), color-stop(100%,#8f8f8f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b1b1b1 0%,#b1b1b1 50%,#8f8f8f 50%,#8f8f8f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b1b1b1 0%,#b1b1b1 50%,#8f8f8f 50%,#8f8f8f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b1b1b1 0%,#b1b1b1 50%,#8f8f8f 50%,#8f8f8f 100%); /* IE10+ */
    background: linear-gradient(top,  #b1b1b1 0%,#b1b1b1 50%,#8f8f8f 50%,#8f8f8f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1b1b1', endColorstr='#8f8f8f',GradientType=0 ); /* IE6-9 */
}
#main_nav .active a {
    background: #0c4d69;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjNGQ2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBjNGQ2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBlNjc4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTY3OGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #0c4d69 0%, #0c4d69 50%, #0e678c 50%, #0e678c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c4d69), color-stop(50%,#0c4d69), color-stop(50%,#0e678c), color-stop(100%,#0e678c));
    background: -webkit-linear-gradient(top,  #0c4d69 0%,#0c4d69 50%,#0e678c 50%,#0e678c 100%);
    background: -o-linear-gradient(top,  #0c4d69 0%,#0c4d69 50%,#0e678c 50%,#0e678c 100%);
    background: -ms-linear-gradient(top,  #0c4d69 0%,#0c4d69 50%,#0e678c 50%,#0e678c 100%);
    background: linear-gradient(top,  #0c4d69 0%,#0c4d69 50%,#0e678c 50%,#0e678c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4d69', endColorstr='#0e678c',GradientType=0 );

    color: #fff;
    text-shadow: none;
    border-color: #093b51;
}


/* Content
------------------------------------------------------------------------*/
#main {
    padding: 0 10px;
    background: rgba(255,255,255,0.8);
    min-height: 330px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

/* Login
------------------------------------------------------------------------*/
#login_block {
    margin-top: 20px;
}

/* Ateliers
------------------------------------------------------------------------*/

#ateliers .sequences_first {
    margin: 0 0 25px;
}
#computed_sequences_row {
    margin: 25px 0;
}
#atelier .wrap {
    overflow: hidden;
    margin: 0 0 18px;
}
#atelier .left,
#atelier .right {
    float: left;
    padding: 20px;
    background: #fff;

    border: 1px solid #666;
}
#atelier .left {
    width: 260px;
}
#atelier .right {
    width: 562px;
    margin: 0 0 0 20px;
}
#atelier ul {
    padding: 0;
}
#atelier li {
    list-style: none;
}

#form_import {
    width: 605px;
}
.over #form_import {
    margin-top: -47px;
}
#form_import a {
    color: #0F5D80;
}

.table_wrapper tbody tr:hover td {
    background: #eee;
}

.actions.form-row .btn.tiny {
    margin: 0;
    line-height: 21px;
}

.actions.form-row .multiple_actions_workshops {
    padding: 0;
    /*line-height: 20px;*/
    margin-left: 20px;
}

.submit_filters {
    overflow: hidden;
    margin: 30px 0 0 140px;
}

.updateHours {
    margin: 0 0 0 40px;
}

.form_professorsHours {
    text-align: center;
}
.form_professorsHours td input {
    width: 97%;
    text-align: center;
}

.form_professorsHours .noBorder {
    border: 0;
}

.form_professorsHours .form-controls {
    padding: 0;
    display: inline-block;
}



/* Paramètres
------------------------------------------------------------------------*/
#parameters_menu {
    padding: 0;
    overflow: hidden;
}
#parameters_menu li {
    list-style: none;
    width: 50%;
    float: left;
}
#parameters_menu a {
    display: block;
    padding: 10px;
}
#parameters_menu a:hover {
    background: rgba(255,255,255,0.4);
}



/* Datepicker
------------------------------------------------------------------------*/

.datepick {
    background-color: #fff;
    color: #222;
    border: 1px solid #aaa;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 90%;
}
.datepick-rtl {
    direction: rtl;
}
.datepick-popup {
    z-index: 1000;
}
.datepick-disable {
    position: absolute;
    z-index: 100;
    background-color: white;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.datepick a {
    color: #222;
    text-decoration: none;
}
.datepick a.datepick-disabled {
    color: #888;
    cursor: auto;
}
.datepick button {
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #fcc;
    border: none;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-weight: bold;
}
.datepick-nav, .datepick-ctrl {
    float: left;
    width: 100%;
    background-color: #fff;
    font-size: 90%;
    font-weight: bold;
}
.datepick-ctrl {
    background-color: #fff;
}
.datepick-cmd {
    width: 30%;
}
.datepick-cmd:hover {
    background-color: #e0e0e0;
}
.datepick-ctrl .datepick-cmd:hover {
    background-color: #ddd;
}
.datepick-cmd-prevJump, .datepick-cmd-nextJump {
    width: 8%;
}
a.datepick-cmd {
    height: 1.5em;
}
button.datepick-cmd {
    text-align: center;
}
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
    float: left;
    padding-left: 2%;
}
.datepick-cmd-current, .datepick-cmd-today {
    float: left;
    width: 35%;
    text-align: center;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
    float: right;
    padding-right: 2%;
    text-align: right;
}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
    float: right;
    padding-left: 0%;
    padding-right: 2%;
    text-align: right;
}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
    float: right;
}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
    float: left;
    padding-left: 2%;
    padding-right: 0%;
    text-align: left;
}
.datepick-month-nav {
    float: left;
    text-align: center;
}
.datepick-month-nav div {
    float: left;
    width: 12.5%;
    margin: 1%;
    padding: 1%;
}
.datepick-month-nav span {
    color: #888;
}
.datepick-month-row {
    clear: left;
}
.datepick-month {
    float: left;
    width: 176px;
    text-align: center;
}
.datepick-month-header {
    padding: 2px 0;
    background-color: #e0e0e0;
    color: #222;
    font-weight: bold;
    border-top: 1px solid #aaa;
}

.datepick-month-header input {
    position: absolute;
    display: none;
}
.datepick-month table {
    width: 100%;
    border-collapse: collapse;
    border-left: hidden;
    border-right: hidden;
}
.datepick-month thead {
    border-bottom: 1px solid #aaa;
}
.datepick-month th, .datepick-month td {
    margin: 0em;
    padding: 0em;
    font-weight: normal;
    text-align: center;
    background: none;
    border: 0;
    color: #000;
}
.datepick-month thead tr {
    border: 1px solid #aaa;
}
.datepick-month td {
    background-color: #eee;
    border: 1px solid #aaa;
}
.datepick-month td.datepick-week * {
    background-color: #e0e0e0;
    color: #222;
    border: none;
}
.datepick-month a {
    display: block;
    width: 100%;
    padding: 0.125em 0em;
    background-color: #eee;
    color: #000;
    text-decoration: none;
}
.datepick-month span {
    display: block;
    width: 100%;
    padding: 0.125em 0em;
}
.datepick-month td span {
    color: #888;
}
.datepick-month td .datepick-other-month {
    background-color: #fff;
}
.datepick-month td .datepick-weekend {
    background-color: #ddd;
}
.datepick-month td .datepick-today {
    background-color: #fff;
    font-weight: bold;
}
.datepick-month td .datepick-highlight {
    background-color: #dadada;
}
.datepick-month td .datepick-selected {
    background-color: #333;
    color: #fff;
}
.datepick-status {
    clear: both;
    text-align: center;
}
.datepick-clear-fix {
    clear: both;
}
.datepick-cover {
    display: none;
    display/**/: block;
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -1px;
    width: 100px;
    height: 100px;
}

.datepick-month tr:first-child td,
.datepick-month tr:last-child td {
    border: 1px solid #aaa;
}



/* Footer
------------------------------------------------------------------------*/
footer {
    text-align: center;
    background: rgba(255,255,255,0.8);
    color: #777;
    padding: 0 0 10px;
}
footer img {
    vertical-align: middle;
}

/* Impression
------------------------------------------------------------------------*/
body.print {
    background: #fff;
}
.print .wrapper {
    width: 940px;
    margin: 30px auto;
    padding: 0 10px;
    min-width: 0;
    max-width: none;
}
.print .table_wrapper {
    max-height: none;
    overflow: visible;
}
.print table {
    border: 2px solid #000;
}
.print thead th,
.print th.bg {
    background: #ccc;
    font-weight: bold;
}
.print th {
    background: none;
    color: #333;
    border: 2px solid #000;
}
.print .nob {
    border-top: hidden;
    border-left: hidden;
    background: none;
}
.print td {
    border: 1px solid #000;
}

.print .logo {
    float: left;
    margin: 0 20px 10px 0;
}
.print h2 {
    background: none;
    padding: 0;
}

.print .header_top {
    overflow: hidden;
    margin: 0 0 18px;
}
.print h2 {
    font-size: 33px;
    font-weight: bold;
    margin: 0 0 5px;
}
.print h3 {
    text-align: right;
    font-weight: bold;
    margin: 0 0 5px;
}
.print h4 {
    font-size: 16px;
}
.print h1 {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
}

/*Bordures hautes des th classe et nom élève pour la feuille d'appel */
.print th.students_inscriptions_border {
    border-top: 3px solid #000;
}
#print_professors_stats article {
    margin: 0 0 40px;
}

@media print {
    #print_professors_stats article {
        page-break-after: always;
    }
}

/* Tableaux imbriqués rubrique élèves */


#student_table,
#student_table table,
#student_table td,
#student_table tr:last-child,
#student_table tr:last-child td
 {
    border: 0;
}

#student_table .student_tr,
#student_table .student_th_periode {
    border-bottom: 1px solid #ccc;
}

.student_th_periode {
    width: 70px;
}
.student_th_atelier {
    width: 300px;
}
.student_th_jour {
    width: 60px;

}
.student_th_type {
    width: 150px;

}
.student_th_seq_hebdo {
    width: 70px;

}

.student_th_seq_accomp {
    width: 20px;
}

#student_table .student_th_periode,
#student_table tr:last-child .student_th_periode,
#student_table .student_th_type,
#student_table tr:last-child .student_th_type {
    border-right: 1px solid #ccc;
}

.student_th_periode,
.student_th_atelier,
.student_th_seq_hebdo,
.student_th_jour,
.student_th_type {
    padding: 2px;
}

.td_table_student {
    text-align: center;
}

.dragHandle {
    cursor: move;
}

#check_all {
    cursor: pointer;
}

#button_delete_selected {
    margin: 0 20px 0 0;
}