:root {
    --bf500: #19b7de !important;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Open Sans, Arial, sans-serif;
    color: #44544a;
    font-size: 18px;
}

.clear {
    float: none;
    clear: both;
}

.warning{
    color: #f00;
    font-weight: bolder;
}

#register{
    width: 150px;
    background-color: #42C1DF;
    border: none;
    color: #FFF;
    border-radius: 5px;
    cursor: pointer;
}

img {
    width: auto;
    height: auto;
}

.contentRight p.image img {
    width: auto;
}

.contentRight .bouton a {
    background: rgba(0, 0, 0, 0) linear-gradient(to top, #19a4dd, #18b4dd) repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

a,
.contentRight .bouton a:hover {
    text-decoration: none;
}

a {
    text-decoration: underline;
    color: #3fb8d5;
}

a strong {
    color: #3fb8d5;
}

h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
    font-family: Questrial, Arial, sans-serif;
}

.colorBlue,
.contentRight .colorBlue {
    color: #19b7dd;
}

.colorRed,
.contentRight .colorRed {
    color: #E3475F;
}
.colorGreen,
.contentRight .colorGreen {
    color: #53B83F;
}
.colorYellow,
.contentRight .colorYellow {
    color: #bfb142;
}

.contentRight strong {
    color: inherit;
}

.contentRight a,
.contentRight a * {
    color: #19b7dd;
}

.contentRight a:hover {
    text-decoration: underline;
}

.contentRight .colorGreen {
    color: #53B83F;
}

.contentMax,
.contentNews,
.contentNew,
.list-news,
.one-new {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 40px 0;
}

.tabl-img-resp {
    display: none;
}

/* ----- HEADER ----- */

header {
    position: relative;
    z-index: 1;
}

.backHeader {
    height: 200px;
    background: rgba(255,255,255,1) url('images/header-background.jpg') no-repeat center;
    background-size: cover;
    position: relative;
    z-index: 2;
}

header .content {
    width: 100%;
    height: 100%;
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
}

header .content img {
    height: 150px;
    margin: 0 55px 0 20px;
}

.banniere {
    border-left: 3px solid #44544a;
    padding-left: 55px;
    text-transform: uppercase;
}

.banniere h1 {
    font-size: 24px;
    padding: 15px 0;
    color: #42c1e0;
}

.banniere p {
    font-size: 20px;
    padding-bottom: 5px;
}

header .espaceEtudiant {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

header .espaceEtudiant:after {
    content: '';
    width: 100%;
    height: 6px;
    background: url('images/shadow_space.png') no-repeat 100% 100%;
    position: absolute;
    bottom: -6px;
    left: 0;
}

header .espaceEtudiant * {
    color: inherit;
    font-size: 12px;
    font-weight: bold;
}

header .espaceEtudiant a {
    display: inline-block;
    background: linear-gradient(to top, #3eb5d1, #43c4e3);
    color: white;
    text-transform: uppercase;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    text-decoration: none;
}

header .espaceEtudiant a.tuteur_link {
    background: #BFB142;
    margin-left:10px;
}

.espaceEtudiant .fa {
    font-size: 13px;
    margin-right: 15px;
}

/* ----- MENU ----- */

header nav {
    height: 50px;
    background: #bfbca9;
    color: white;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

header nav * {
    color: inherit;
}

header nav a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    height: 100%;
}

header nav ul {
    width: 100%;
    height: 100%;
    max-width: 1300px;
    margin: 0 auto;
    list-style: none;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 0;
    cursor: pointer;
}

header nav ul > li {
    flex-grow: 1;
    text-align: center;
    line-height: 48px;
    font-weight: bold;
    position: relative;
    background: #bfbca9;
    color: white;
}

header nav ul > li * {
    font-size: 14px;
}

header nav ul > li:hover {
    background: #d6d4c0;
    color: #262626;
}

/*header nav ul > li.parent-menu-red.active,
header nav ul > li.parent-menu-red.active li:hover,
header nav ul > li.parent-menu-red li.active {
    background: linear-gradient(to top, #E65366, #EC7E7F);
}

header nav ul > li.parent-menu-green.active,
header nav ul > li.parent-menu-green.active li:hover,
header nav ul > li.parent-menu-green li.active {
    background: linear-gradient(to top, #A39937, #B9AC3F);
}*/

header nav ul > li.active {
    background: #d6d4c0;
    color: #262626;
}

header nav ul > li ul {
    display: block;
    position: absolute;
    background: #A6A393;
    height: auto;
    width: 400px;
    text-align: left;
    top: -200px;
    transition: all 0.3s ease;
    z-index: -1;
}

header nav ul > li:hover ul {
    top: 100%;
}

header nav ul > li ul > li{
    text-align: left;
    padding-left: 20px;
    border: none;
    background: #A6A393;
}

header nav ul > li ul > li ul {
    display: none;
}

/* ----- FOOTER ----- */

footer {
    border-top: 4px solid #474848;
    position: relative;
    width: 100%;
}

footer:before {
    content: '';
    width: 1700px;
    height: 19px;
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -850px;
    background: url('images/shadow_footer.png');
}

footer .content {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

.partenaires {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap:wrap;
    padding-top:20px;
    padding-bottom:20px;
}

.partenaires img {
}

footer hr {
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #FCFCFC;
    border-left: none;
    border-right: none;
}

.mentions p {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    line-height: 40px;
    height: 40px;
}

.mentions a {
    text-decoration: none;
}

.mentions img {
    vertical-align: middle;
}

/* ----- CONTENT ----- */

.page-content {
    min-height: 200px;
    position: relative;
}

/* ----- ARIANE ----- */

.ariane {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
}

.ariane * {
    font-size: 16px;
}

.ariane p {
    position: absolute;
    top: 40px;
    right: 20px;
}

.ariane a {
    text-decoration: none;
}

.ariane a:hover {
    text-decoration: underline;
}

/* Login */
.form-login {
    width: 100%;
    max-width: 300px;
    margin: 40px auto;
}
#remember_me-element {
    float: left;
    margin-right: 10px;
}

/* ----- ACCUEIL / SLIDER ----- */

#slider-1 {
    height: 22vw;
}

#slider-1 .slider-items {
    height: 100%;
}

#slider-1 .slideritem {
    width: 100%;
    height: 100%;
}

#slider-1 .slider-menu {
    height: 44px;
    width: 100%;
    background: #565455;
    display: none;
}

#slider-1 .slider-menu-items {
    height: 100%;
    padding: 12px 0;
}

#slider-1 .slider-menu-items li {
    height: 15px;
    width: 15px;
    background: #fff;
    opacity: 1;
    border: 2px solid #aaa;
}

#slider-1 .slider-menu-items li.active {
    background: #19B7DE;
}

#slider-1 .slider-control-arrow div {
    background: url('images/control_arrow.png') no-repeat;
    width: 40px;
    height: 40px;
    margin-top: -20px;
}

#slider-1 .slider-control-arrow div.slider-control-arrow-right {
    background-position: right top;
}

#slider-1 .slider-control-arrow div:hover {
    background: url('images/control_arrow_hover.png') no-repeat;
}

#slider-1 .slider-control-arrow div.slider-control-arrow-right:hover {
    background-position: right top;
}

#slider-1 .slider-content {
    width: 100%;
    height: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
}

#slider-1 .contentSlide {
    width: 850px;
    height: 850px;
    border-radius: 100%;
    background: rgba(255,255,255,0.8);
    position: absolute;
    bottom: -450px;
    left: -160px;
    padding: 110px 170px;
}

#slider-1 h1 {
    text-transform: uppercase;

    font-size: 22px;
    margin-bottom: 25px;

    color: #19B7DD;
    /*color: #e3475f;*/
}

#slider-1 p {
    line-height: 30px;
    margin-bottom: 30px;
}

#slider-1 a {
    text-decoration: none;
    text-transform: uppercase;

    padding: 10px;
    border-radius: 10px;
    color: #fff;
    border: 1px solid #fff;

    background: linear-gradient(to top, #19A4DD, #18B4DD);
}

/* ----- ACCUEIL / CONTENT ----- */

.home.contentMax {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 60px 0 0 0;
    position: relative;
}

.home.contentMax:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: url('images/shadow_footer.png') no-repeat;
    background-size: cover;
}

.contentMax .buttonLinks,
.contentMax .infosActu {
    display: flex;
    justify-content: space-between;
}

.contentMax .buttonLinks {
    align-items: center;
}

.contentMax .buttonLinks div {
    width: 180px;
    text-align: center;
}

.contentMax .buttonLinks .connexion {
    width: 45%;
    border: solid 3px #EBEBEB;
    border-radius: 5px;
    background: #F8F8F8;
    padding: 25px 40px;
    text-align: left;
}
.connexion {
    border: solid 3px #EBEBEB;
    border-radius: 5px;
    background: #F8F8F8;
    padding: 25px 40px;
    text-align: left;
    margin: 0 auto;
    width: 886px;
    position: relative;
}
.connexion .form-login {
    margin: 0;
    max-width: 100%;
}
.connexion .form-login dt {
    float: left;
    width: 200px;
}
.connexion .form-login dd {
    margin-bottom: 20px;
    margin-left: 200px;
    width: 600px;
}
#form-login-label,
#submit-label {
    display: none;
}
.connexion .form-login input {
    margin: 0;
    width: 100%;
}
#remember_me-element {
    /*margin-left: 0;*/
    width: 20px;
    height: 30px;
}
#submit-element {
    margin: 70px 0 0 200px;
    width: auto;
}
#submit-element input {
    margin: 0;
}
.connexion .cancel {
    position: absolute;
    max-width: 140px;
    width: 100%;
    text-align: center;
    line-height: 30px;
    border-radius: 8px;
    color: #19B7DE;
    border: 1px #E4E4E4 solid;
    bottom: 69px;
    left: 400px;
}
.logout {
    position: absolute;
    right: 20px;
    top: 106px;
}
.contentMax.full ul.document-tree {
    margin-top: 10px;
}
.contentMax.full ul.document-tree .fa {
    color: #FEE17B;
}

.contentMax.full.etudiant {
    padding-top: 102px;
    position: relative;
}

.contentMax.full .documents-items li  {
    float: none;
    width: 100%;
}
.contentMax.full .documents-items .documents-item-content {
    height: auto;
    transition: all ease 0.3s;
    display: flex;
    flex-wrap: wrap;
}
.contentMax.full .documents-items .documents-item-content:hover {
    background: #19B7DD;
}
.contentMax.full .documents-items .documents-item-title {
    display: inline-block;
    max-width: calc(100% - 200px);
    width: max-content;
    text-align: left;
    margin-left: 20px;
    color: #19B7DD;
    line-height: 26px;
    transition: all ease 0.3s;
}
.contentMax.full .documents-items .documents-item-filesize {
    float: right;
    margin: 0;
    line-height: 26px;
    height: auto;
    width: max-content;
}

.contentMax.full .documents-items .documents-item-description {
    width:100%;
    text-align:left;
    margin-top:30px;
    margin-bottom:0;
    height:max-content;
    min-height:40px;
    line-height: 26px;
}
.contentMax.full .documents-items .fa {
    color: #19B7DD;
    font-size: 25px;
    transition: all ease 0.3s;
}
.contentMax.full .documents-items .documents-item-content:hover .documents-item-title,
.contentMax.full .documents-items .documents-item-content:hover .fa {
    color: #fff;
}

.contentMax.full .document-tree .back-parent * {
    color: #19B7DD;
}
.contentMax.full .document-tree .back-parent .document-tree-disabled {
    color: #ccc;
}



.contentMax .infosActu div {
    flex-grow: 1;
    width: 55%;
}

.contentMax .infosActu .actu {
    width: 45%;
}

.buttonLinks a {
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 19px;

    line-height: 30px;
}

.buttonLinks .circle {
    background: url('images/circle-background.png') no-repeat;
    background-size: cover;
    display: block;
    width: 110px;
    height: 110px;
    margin: 0 auto 20px auto;
    position: relative;
    transition: all 0.3s ease;
}

.buttonLinks .circle:hover {
    transform: scale(1.1);
}

.buttonLinks .circle a {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.buttonLinks .circle img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 75%;
}

.connexion img {
    margin-bottom: 15px;
}

.connexion h2 {
    text-transform: uppercase;

    font-size: 22px;
    font-weight: normal;
    margin-bottom: 25px;

    color: #19B7DE;
    /*color: #bfb142;*/
}

.home .connexion #form-login-element,
.home .connexion #login_email-label,
.home .connexion #login_password-label {
    display: none;
}
.home .connexion #login_email-element,
.home .connexion #login_password-element,
.home .connexion #remember_me-element,
.home .connexion #submit-element {
    margin-left: 0;
}
.home .connexion .form-login dd {
    width: auto;
}
.home .connexion #login_email-element input,
.home .connexion #login_password-element input {
    width: 80%;
}
.connexion #remember_me-element {
    margin-bottom: 0;
}
.connexion .errors {
    color: rgba(255,0,0,0.7);
    font-style: italic;
    margin-top: 10px;
    font-size: 14px;
}

.connexion input {
    width: 80%;
    height: 30px;
    border: none;
    border-radius: 8px;
    padding: 0 20px;
    background: #E4E4E4;
    margin-bottom: 15px;
    color: #949494;
}

.connexion input[type="submit"] {

    color: #fff;
    border: none;
    cursor: pointer;
    margin-top: 10px;
    width: 100%;
    max-width: 140px;

    background: #19B7DE;
    /*background: #bfb142;*/
}

.infosActu {
    margin: 100px 0 50px;
}

.infosActu .infosResume {
    padding-right: 55px;
}

.infosActu h2 {
    font-size: 25px;

    line-height: 35px;
    margin-bottom: 25px;

    /*color: #19B7DE;*/
    color: #bfb142;
}

.infosActu h3 {
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 30px;
}

.infosActu ul {

    margin-left: 30px;
    width: 80%;

    /*list-style: url('images/puce.png');*/
    list-style: url('images/puce_yellow.png');
}

.infosActu li {
    padding-left: 25px;
    margin-bottom: 25px;
}

.infosActu .actu .new {
    width: 100%;

    margin-bottom: 30px;
    display: flex;
    align-items: flex-end;

    /*border-bottom: 2px solid #19B7DE;*/
    border-bottom: 2px solid #bfb142;
}

.new a {
    text-decoration: none;
}

.new .imageNews {
    max-width: 150px;
    min-width: 150px;
    height: 103px;
    display: block;
    overflow: hidden;
    position: relative;
}

.new .imageNews img {
    height: 110%;
    vertical-align: bottom;
    transition: all 0.3s ease;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
}

.new:hover img {
    transform: translateX(-50%) translateY(-50%) scale(1.1);
}

.contentMax .infosActu .new .dateNew {
    width: 68.5%;
    margin-left: 10px;
}

.new .dateNew a {
    display: flex;
    flex-direction: column;
}
.new .dateNew a span {

    font-weight: bold;
    margin: 5px 0;
	padding-left: 5px;
	border-left: solid 5px #bfb142;
    color: #bfb142;
}

.dateNew h3 a{
	color:#7C544A!important;
}


.new h3 {
    margin-bottom: 5px;
    font-weight: normal;
    width: auto;
    flex-grow: 1;
}

.new h3 a {
        padding-right: 40px;
}

.new .fa {
    color: #fff;

    vertical-align: bottom;
    display: inline-block;
    padding: 5px;
    width: 25px;
    height: 25px;
    text-align: center;

    /*background: #19b7dd;*/
    background: #bfb142;
}

.actu > a {

    text-decoration: none;

    /*color: #19b7dd;*/
    color: #bfb142;
}

/* ----- ACCUEIL / CONTACT ----- */

.home.contact {
    background: url('images/contact.jpg') no-repeat center;
    background-size: cover;
    padding-top: 30px;
    border-bottom: 60px solid #474848;
}

.home.contact * {
    color: #fff;
}

.home.contact h1 {
    background: rgba(0,0,0,0.6);
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 60px;
}

.home .contentContact {
    width: 100%;
    max-width: 1300px;
    display: flex;
    margin: 25px auto 20px;
    align-items: baseline;
    justify-content: space-between;
}

.contentContact h2 {
    text-transform: uppercase;
}

.contentContact .horraires {
    flex-grow: 20;
}

.contentContact .horraires h2 {
    font-size: 20px;
    margin-bottom: 55px;
}

.contentContact .infosHoraire table {
    width: 100%;
}

.contentContact .infosHoraire tr {
    line-height: 30px;
}

.contentContact .adresse {
    background: #fff;
    display: flex;
    padding: 40px 30px;
    justify-content: space-between;
    flex-grow: 1;
}

.contentContact .adresse * {
    color: #44544a;
}

.contentContact .adresse h2 {
    text-align: center;
    margin-bottom: 35px;
}

.contentContact .infosAdresse {
    margin-right: 10px;
}

.infosAdresse .fa {
    float: left;

    font-size: 20px;

    /*color: #19B7DE;*/
    color: #bfb142;
}

.infosAdresse p {
    margin-left: 45px;
    margin-bottom: 40px;
    font-size: 18px;
}

/* ----- NEWS ----- */

/* ---------- */

.twoColumns {
    display: flex;
    align-items: stretch
}

/* ----- MENU LATERAL ----- */

.contentLeft {
    max-width: 250px;
    min-width: 250px;
    position: relative
}

.contentLeft nav {
    background: url('images/ellipse.png') no-repeat;
    background-size: contain;
    background-position: top right;
    width: 250px;
    height: 400px;
    padding-top: 110px;
    padding-right: 45px;
    margin-right: 100px;
}

.contentLeft nav.fixed-top {
    position: fixed;
    top: 40px;
}

.contentLeft nav.fixed-bot {
    position: absolute;
    bottom: 0;
}

.contentLeft nav.menu-red {
    background: url('images/ellipse_red.png') no-repeat;
    background-size: contain;
    background-position: top right;
}

.contentLeft nav.menu-green {
    background: url('images/ellipse_green.png') no-repeat;
    background-size: contain;
    background-position: top right;
}

.contentLeft nav h2 {
    color: #19b7dd;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: bold;
}

.contentLeft nav.menu-red h2 {
    color: #E3475F;
}

.contentLeft nav.menu-green h2 {
    /*color: #BEB141;*/
    color: #53B83F;
}

.contentLeft nav ul {
    list-style: none;
    padding-left: 15px;
}

.contentLeft nav ul li {
    margin: 10px 0;
    font-weight: bold;
}

.contentLeft nav ul li * {
    font-size: 16px;
}

.contentLeft nav ul ul li * {
    font-size: 14px;
}

.contentLeft nav ul ul li {
    position: relative
}

.contentLeft nav ul li p {
    cursor:pointer;
}

.contentLeft nav ul li.active p {
    color:#1bb7de;
}

.contentLeft nav ul li.active a,
.contentLeft nav ul li.active ul li.active a {
    color: #19b7dd;
}

.contentLeft nav.menu-red ul li.active a,
.contentLeft nav.menu-red ul li.active ul li.active a {
    color: #E3475F;
}
.contentLeft nav.menu-green ul li.active a,
.contentLeft nav.menu-green ul li.active ul li.active a {
    color: #53B83F;
}
.contentLeft nav ul li.active ul li a,
.contentLeft nav.menu-green ul li.active ul li a {
    color: #44544a;
}

.contentLeft nav a {
    text-decoration: none;
}

/* ----- CONTENT RIGHT ----- */

.contentRight {
    margin-top: 100px;
    margin-left: 100px;
    flex-grow: 1;
    width:100%;
}

.contentRight h2 {
    font-size: 30px;
    margin-bottom: 30px;
    letter-spacing: 3px;
}

.contentRight h3 {
    font-size: 24px;
    font-style: italic;
    margin-bottom: 15px;
}

.contentRight ul.historique {
    border-left: 4px solid #E3475F;
    list-style: url('images/puce_historique.png');
    padding-top: 20px;
    padding-left: 17px;
    margin-left: 25px;
}

.contentRight ul.historique li {
    padding-left: 40px;
    margin-bottom: 30px;
}

.contentRight p {
    margin-bottom: 30px;
}

.contentRight blockquote {
    padding-left: 40px;
    position: relative;
    background: rgba(200,200,200,0.2);
    padding: 10px 40px;
    margin-bottom: 40px;
}

.contentRight blockquote p {
    text-align: right;
    margin-top: 5px;
    font-style: italic;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 20px;
}

.contentRight blockquote:before {
    content: '"';
    position: absolute;
    color: rgba(0,0,0,0.2);
    font-size: 100px;
    top: -25px;
    left: 5px;
}

.contentRight blockquote:after {
    content: '"';
    position: absolute;
    color: rgba(0,0,0,0.2);
    font-size: 100px;
    bottom: -30px;
    right: 0;
}

.contentRight ol {
    margin-left: 50px;
    margin-bottom: 40px;
    counter-reset: activite;
}

.contentRight ol li {
    list-style-type: none;
    counter-increment: activite;
    margin-bottom: 10px;
    position: relative;
}

.contentRight ol li:before {
    content: counter(activite);
    width: 20px;
    height: 20px;
    background: rgba(25,183,221,0.75);
    border: 3px solid #19B7DD;
    color: #fff;
    position: absolute;
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
    top: 0;
    left: -35px;
    font-size: 14px;
    font-style: italic;
}

.contentRight ol.colorGreen li:before {
    background: rgba(83,184,63,0.75);
    border: 3px solid #53B83F;
}

.calandar h3 {
    margin-bottom: 25px;
}

.contentRight .eventCal {
    display: flex;
    margin-bottom: 30px;
}

.contentRight .eventCal .dateCal {
    min-width: 110px;
    height: 130px;
    background: url("images/ellipse_green_left.png") no-repeat left top;
    background-size: contain;
    padding-left: 40px;
    padding-top: 26px;
}

.contentRight .colorBlue .eventCal .dateCal {
    background: url("images/ellipse_left.png") no-repeat left top;
    background-size: contain;
}

.contentRight .eventCal .dateCal span {
    display: block;
    font-weight: bold;
    font-size: 16px;
}

.contentRight .eventCal .dateCal .day {
    font-size: 22px;
    color: #53B83F;
}

.contentRight .colorBlue .eventCal .dateCal .day {
    color: #19B7DD;
}

.calandar .subject {
    margin-left: 20px;
    position: relative
}

.calandar .subject:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 15px;
    background: url("images/shadow_calandar.png") no-repeat;
    background-size: 80% 80%;
    background-position: 50% 50%;
    top: 0;
    left: -40px;
}

.calandar .subject h4 {
    margin-top: 25px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.calandar .subject p {
    margin-bottom: 10px;
}

.contentRight .linkConsigne {
    margin-bottom: 45px;
    text-align: right;
}

.contentRight .linkConsigne a {
    display: inline-block;
    line-height: 40px;
    padding: 0 10px;
    background: linear-gradient(to top, #333534, #474747);
    color: white;
    border-radius: 10px;
    border: 1px solid #9a9b9c;
}

.contentRight .linkConsigne .fa {
    color: white;
}

.contentRight .linkInscription {
    margin-bottom: 50px;
}

.contentRight .linkInscription h3 {
    margin-bottom: 30px;
}

.contentRight .linkInscription .links ul {
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
}

.contentRight .linkInscription .links li {
    padding: 10px 0 0 50px;
    margin: 0;
    border-bottom: 1px solid #53B83F;
    line-height: 40px;
    text-transform: uppercase;
    position: relative;
}

.contentRight .linkInscription.colorBlue .links li {
    border-bottom: 1px solid #19B7DD;
}

.contentRight .linkInscription .links li:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    background: url("images/arrow_right_green.jpg") no-repeat;
    z-index: -1;
}

.contentRight .linkInscription.colorBlue .links li:after {
    background: url("images/arrow_right.jpg") no-repeat;
}

.contentRight .linkInscription .links li a {
    transition: color ease 0.3s;
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.contentRight .linkInscription .links li:hover a {
    color: #53B83F;
}
.contentRight .linkInscription.colorBlue .links li:hover a {
    color: #19B7DD;
}

.contentRight ul {
    margin: 0 0 30px 40px;
    list-style: url('images/puce.png');
}
.contentRight ul.colorGreen {
    list-style: url('images/puce_green.png');
}
.contentRight ul.colorRed {
    list-style: url('images/puce_red.png');
}

.contentRight ul li {
    margin-bottom: 25px;
}

.contentRight .buttonLinks .circle {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    background: #f9f9f9;
    box-shadow: 0px 5px 10px -5px #555753;
}

.contentRight .buttonLinks p {
    text-transform: uppercase;
    font-weight: bold;
}

.contentRight .buttonLinks img {
    width: 55%;
}

/*.contentRight .organigram {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}*/

.contentRight .organigram .personnel {
    width: 300px;
    margin-bottom: 30px;
    display: inline-block;
    float: left;
}

.contentRight .organigram .contPhoto {
    width: 200px;
    height: 200px;
    margin: 0 auto 10px auto;
    border: 10px solid #f5f4f1;
    border-radius: 20px;
    overflow: hidden;

}

.contentRight .organigram .contPhoto img {
    width: 100%;
    transition: all ease 0.3s;
}

.contentRight .organigram .contPhoto:hover img {
    transform: scale(1.1);
}

.contentRight .organigram p {
    margin: 0;
    text-align: center;
}

.contentRight .organigram .civilite {
    text-transform: uppercase;
    color: #BFB142;
}

.contentRight .organigram .fonction {
    color: #BFBCA9;
}

.contentRight .slideLocaux {
    width: 100%;
    max-height: 366px;
    height: 30vw;
    margin-bottom: 20px;
}

.contentRight .slideLocaux .slider {
    height: 100%;
}

.contentRight .slideLocaux .slider-menu {
    display: none;
    display: none;
}

.contentRight .slideLocaux .slider-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(191, 188, 169, 0.7);
}

.contentRight .slideLocaux h3 {
    margin: 0;
    line-height: 40px;
    padding-left: 25px;
    color: #fff;
    font-style: normal;
    font-size: 18px;
}

.slideLocaux .slider-control-arrow div {
    background: url('images/control_arrow_red.png');
    width: 40px;
    height: 40px;
}

.slideLocaux .slider-control-arrow div:hover {
    background: url('images/control_arrow_hover_red.png');
}

.slideLocaux .slider-control-arrow .slider-control-arrow-right:hover {
    background-position: right top;
}

.contentRight .readMore {
    text-align: right;
    font-style: italic;
}

.contentRight .readMore a {
   color: #1AB6DD;
}
.contentRight .readMore a:hover {
    text-decoration: underline;
}
.contentRight .readMore.colorGreen a {
    color: #53B83F;
}

.contentRight .miniature {
    display: flex;
    justify-content: space-around;
}
.contentRight .miniature a {
    text-align: center;
}
.contentRight .miniature img {
    width: 150px;
    display: block;
    margin-bottom: 10px;
}



/* ----- TABLEAUX ----- */

.contentRight table {
    width: 100%;
    border-collapse: collapse;
    border: none;
}

.contentRight .chargeTravail {
    margin-bottom: 20px;
}

.contentRight .chargeTravail thead th {
    background: #1ab6dd;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
}

.contentRight .chargeTravail td {
    text-align: center;
    padding: 5px 0;
}

.contentRight .chargeTravail .annee2 td {
    border-bottom: 2px solid #DBDBDB;
}

.contentRight .chargeTravail .firstCol {
    color: #1ab6dd;
    text-align: left;
}

.contentRight .chargeTravail .totale td {
    color: #1ab6dd;
    font-weight: bold;
}

.contentRight .UE th {
    background: #19b7dd;
    color: #fff;
    text-transform: uppercase;
    line-height: 30px;
    text-align: left;
    padding-left: 10px;
}

.contentRight .UE td {
    padding-left: 30px;
}

.contentRight .UE .title td{
    color:  #19b7dd;
    font-weight: bold;
    padding: 20px 10px;
}

.contentRight .stages .title {
    background: #19b7dd;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 7px 0;
    font-weight: bold;
}

.contentRight .stages .sems td {
    text-align: center;
    padding: 7px 0
}

.contentRight .stages td {
    padding: 7px 30px;
    position: relative;
}
.contentRight .stages .typeSt:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: rgba(25,183,221,0.5);
    border-radius: 100%;
    bottom: 9px;
    left: 5px;
}

.contentRight .uniteIntegral {
    margin-bottom: 20px;
}

.contentRight .uniteIntegral th {
    background: #53b83f;
    color: #fff;
    line-height: 35px;
    padding: 0 15px;
}

.contentRight .uniteIntegral td {
    padding: 10px 15px;
}

.contentRight .unitePartiel {
    margin-bottom: 20px;
}

.contentRight .unitePartiel th {
    background: #53b83f;
    color: #fff;
    line-height: 35px;
    padding: 0 15px;
}

.contentRight .unitePartiel .width50 {
    min-width: 37px;
    max-width: 37px;
}

.contentRight .unitePartiel .width33 {
    min-width: 25px;
    max-width: 25px;
}

.contentRight .unitePartiel .width100 {
    min-width: 75px;
    max-width: 75px;
}

.contentRight .unitePartiel .width33 p {
    line-height: 25px;
    padding: 10px 0;
}

.contentRight .unitePartiel .width50 p {
    line-height: 37px;
    padding: 10px 0;
}

.contentRight .unitePartiel .width100 p {
    line-height: 75px;
    padding: 10px 0;
}

.contentRight .unitePartiel .textVert {
    writing-mode: sideways-lr;
    width: 100%;
    margin: 0;

}

.contentRight .unitePartiel td  {
    text-align: center;
    padding: 5px 0;
}

.contentRight .unitePartiel td.dip {
    text-align: left;
    padding-left: 10px;
}

.contentRight .unitePartiel .color td {
    background: rgba(83,184,63,0.2);
}

.contentRight .stageAide {
    margin-bottom: 20px;
}

.contentRight .stageAide th {
    background: #53b83f;
    color: #fff;
    line-height: 35px;
    padding: 0 15px;
}

.contentRight .stageAide td {
    text-align: center;
    padding: 7px 0
}

.contentRight .coutAide th {
    background: #53b83f;
    color: #fff;
    line-height: 35px;
    padding: 0 15px;
}

.contentRight .coutAide th span {
    font-weight: normal;
    color: #fff;
    font-size: 14px;
}

.contentRight .coutAide tr td {
    padding: 5px 0;
}

.contentRight .coutAide tr td:last-child {
    text-align: center;
    padding: 0 !important;
}

.contentRight .coutAide tr td:first-child {
    padding-left: 20px;
}

.contentRight .unitePartiel tr:nth-child(odd),
.contentRight .unitePartiel tr:nth-child(odd) td,
.contentRight .stageAide tr:nth-child(odd),
.contentRight .stageAide tr:nth-child(odd) td,
.contentRight .coutAide tr:nth-child(odd),
.contentRight .coutAide tr:nth-child(odd) td,
.contentRight .uniteIntegral tr:nth-child(odd),
.contentRight .uniteIntegral tr:nth-child(odd) td
{
    background: rgba(83, 184, 63, 0.2) none repeat scroll 0 0;
}


.contentMax.full {
    padding-top: 140px;
}
.contentMax.full h2 {
    font-size: 30px;
    letter-spacing: 3px;
    margin-bottom: 30px;
}
.contentMax.full h3 {
    font-size: 24px;
    font-style: italic;
    margin-bottom: 15px;
}
.contentMax.full p {
    margin-bottom: 30px;
}

.contentMax.full ul {
    list-style: outside url("images/puce.png") disc;
    margin: 0 0 30px 40px;
}

.contentRight p img {
    max-width: 100%;
}

/* ----- OFFRES EMPLOI ----- */

.contentMax.full table {
    width: 100%;
    border-collapse: collapse;

}
.contentMax.full table thead th {
    background: #19b7dd;
    color: #fff;
    height: 40px;
}
.contentMax.full table td {
    padding: 8px 20px;
    text-align: center;
    border: 1px solid #BFBCA9;
    border-top: none;
    border-bottom: none;
}
.contentMax.full table td {
    background: rgba(0,0,0,0.03);
}
.contentMax.full table .even td {
    background: rgba(25,183,221,0.20);
}
.contentMax.full table td.offre-title {
    text-align: left;
    border-left: none;
}
.contentMax.full table td.offre-type-date {
    text-transform:capitalize;
}
.contentMax.full table td.offre-type-doc {
    border-right: none;
}
.contentMax.full table td.offre-type-doc .fa {
    color: #19b7dd;
    font-size: 24px;
}

/* ----- ILLUSTRATION ----- */

.contentRight .illustration {
    float: right;
}

/* ----- ACTUALLITE ----- */

.contentNews {
    padding-top: 65px;
}

.contentNews h2 {
    font-size: 30px;
    letter-spacing: 3px;
    color: #19b7dd;
    padding-left: 20px;
}

.list-news {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin-bottom: 40px;
}

.list-news .contentNew {
    padding: 20px;
    margin: 0;
    width: 48%;
    background: linear-gradient(160deg, #fefefe 30%, #f5f5f5);
    border-radius: 0 0 60px/40px 0;
    margin-bottom: 20px;
    box-shadow: 2px 2px 5px -2px #ababab;
    position: relative;
    z-index: 0;
}

.list-news .contentNew .news {
    position: relative;
    padding-bottom: 30px;
    width: 100%;
}

.list-news .contentNew .new-header {
    margin-bottom: 15px;
}

.list-news .contentNew .theme-news {
    position: absolute;
    top: 0;
    right: 0;
    background: #19b7dd;
    z-index: 1;
}

.list-news .contentNew .theme-news a {
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    text-decoration:none;
}

.list-news .contentNew .picture-bloc {
    width: 100%;
    height: 350px;
    position: relative;
    overflow: hidden;
}

.list-news .contentNew img.picture {
    float: none;
    width: 100%;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease all;
}

.list-news .contentNew:hover img.picture {
    transform: scale(1.1) translateY(-50%);
}

.list-news .contentNew h2.title-2 {
    position: absolute;
    bottom: 0;
    background: rgba(25,183,221,0.75);
    width: 100%;

}

.list-news .contentNew h2.title-2 a {
    font-size: 26px;
    line-height: 40px;
    color: #fff;
    display: inline-block;
    width: 100%;
    padding-left: 40px;
    text-decoration:none;
}

.list-news .contentNew .new-content {
    color: #44544a;
    line-height: initial;
}

.list-news .contentNew .date {
    color: rgba(25,183,221,0.75);
    position: absolute;
    bottom: 0;
    font-size: 16px;
    font-style: italic;
}

.list-news .contentNew .read-more {
    position: absolute;
    bottom: -2px;
    right: 20px;
    background: #19b7dd;
    border-radius: 5px;
}

.list-news .contentNew .read-more a {
    color: #fff;
    display: inline-block;
    padding: 2px 4px;
}

.one-new {
    display: flex;
}

.one-new .contentNew {
    padding-top: 25px;
    min-width: 820px;
    max-width: 820px;
    margin: 0;
    z-index: 0;
    position: relative;
}

.one-new .contentNew .new-header {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
}

.one-new .contentNew .new-header h1 {
    color: #19b7dd;
    font-size: 30px !important;
    margin-bottom: 20px;
}

.one-new .contentNew .new-header .picture-bloc {
    height: 400px;
    overflow: hidden;
    position: relative;
}

.one-new .contentNew .new-header .picture-bloc img {
    width: 100%;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.one-new .contentNew .new-header .theme-news {
    position: absolute;
    top: 52px;
    right: 0;
    background: #19b7dd;
    z-index: 1;
}

.one-new .contentNew .new-header .theme-news a {
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
}

.one-new .contentNew div.new-content {
    margin-bottom: 20px;
}

.one-new .contentNew .date {
    font-size: 16px;
    font-style: italic;
    color: rgba(68,84,74,0.5);
    text-align: right;
    margin: 15px 0 10px;
}

.one-new .right {
    margin-left: 20px;
    padding-top: 72px;
    flex-grow: 1;
}

.one-new .right .new {
    align-items: flex-end;
    border-bottom: 2px solid #bfb142;
    display: flex;
    margin-bottom: 30px;
    width: 100%;
}

.one-new .right .new .imageNews {
    margin-right: 10px;
}

a.results-page-link {
    color: #19b7dd;
}

a.results-page-link:hover {
    text-decoration: underline;
}

/*.one-new .right .new .dateNew {
    margin-left: 10px;
    max-width: 51px;
    min-width: 51px;
}

.one-new .right .new h3 {
    font-weight: normal;
    margin-bottom: 5px;
    font-size: 18px;
    text-transform: uppercase;
    margin-left: 10px;
    flex-grow: 1;
}

.one-new .right .new h3 a {
    padding: 0;
}*/

.new-content a{
    color: #19B7DD;
    font-weight: bolder;
}

/* ----- Contact ----- */

.contentMax {
    overflow: hidden;
}

.contentMax .form-contact {
    float: none;
}

.content-contact {
    display: flex;
    border: 3px solid #ebebeb;
    border-radius: 5px;
    background: #f8f8f8;
}

.formulaire-contact,
.carte {
    width: 50%;
}

.formulaire-contact {
    padding: 25px 40px;
}

.formulaire-contact p {
    padding-left: 50px;
}
.formulaire-contact .fa {
    float: left;
    font-size: 24px;
    color: #bfb142;
}

.formulaire-contact form dd p {
    font-style: italic;
    font-size: 14px;
}
.contentMax.full .formulaire-contact .errors {
    color: #f00;
    margin: 0;
}

.carte iframe {
	border: 0;
	display: inline-flex;
	width: 100%;
	height: 100%;;
}

/* ----- Inscription ----- */

.inscription-form {
    position: relative;
}

.inscription-form fieldset {
    border: none;
}

.inscription-form fieldset legend {
    width: 100%;
    font-family: Questrial,Arial,sans-serif;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
    padding-left: 0;
}

.inscription-form fieldset dl {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 3px solid #ebebeb;
    border-radius: 5px;
    padding: 25px 40px;
    overflow: hidden;
    position: relative;
}

#fieldset-infoContact dt {
    width: 25%;
	text-align: left;
	float: left;
	margin-right: 25px;
}
#civility-element br {
    display: none;
}
#civility-element label {
    margin-right: 25px;
}
#fieldset-infoContact dd {
    margin-bottom: 25px;
}

#fieldset-infoContact .description{
	margin-top: -18px;
	color: #1AB6DD;
}

#fieldset-infoContact input[type="text"] {
    width: 70%;
    padding: 1%;
}
.inscription-form input[type="radio"] {
    margin-right: 10px;
}

#fieldset-blockSelect select {
    padding: 3px 10px;
    text-align: left;
    width: 290px;
}

#fieldset-infoDiplome {
    position: relative;
}

#fieldset-infoDiplome dt {
    width: 150px;
    position: absolute;
}
#fieldset-infoDiplome dd {
    position: absolute;
}

#fieldset-infoDiplome input[type=text] {
    width: 70px;
}


#fieldset-infoDiplome #degreeCommun-label,
#fieldset-infoDiplome #degreeDEAS-label,
#fieldset-infoDiplome #degreeHUE-label,
#fieldset-infoDiplome #degreeASCI-label,
#fieldset-infoDiplome #degreeASCP-label {
    margin-bottom: 20px;
    width: auto;
    position: relative;
}
#fieldset-infoDiplome #degreeCommun-element,
#fieldset-infoDiplome #degreeDEAS-element,
#fieldset-infoDiplome #degreeHUE-element,
#fieldset-infoDiplome #degreeASCI-element,
#fieldset-infoDiplome #degreeASCP-element {
    line-height: 40px;
    width: auto;
    position: relative;
}
#fieldset-infoDiplome #degreeDEAS-element {
    line-height: 70px;
}

#fieldset-infoDiplome #degreeASCI-element label {
    display: inline-block;
    margin-bottom: 30px;
}
#fieldset-infoDiplome #degreeASCI-element label:first-child,
#fieldset-infoDiplome #degreeASCI-element label:nth-child(13n) {
    margin: 0;
}
#fieldset-infoDiplome #degreeASCI-element label:nth-child(11n) {
    margin-bottom: 100px;
}

#fieldset-infoDiplome #degreePACES-label {
    position: relative;
    width: 95%;
    float: right;
}
#fieldset-infoDiplome #degreePACES-element {
    position: relative;
    line-height: 50px;
}

.inscription-form .label-sup {
    position: absolute;
    bottom: 205px;
    left: 43px;
}


#serieBac-label,
#serieBac-element,
#anneeBac-label,
#anneeBac-element,
#paysHUE-label,
#paysHUE-element,
#anneeHUE-label,
#anneeHUE-element,
#anneeDEAPAS-label,
#anneeDEAPAS-element {
    top: 80px;
}
#anneeDEAS-label,
#anneeDEAS-element {
    top: 95px;
}
#anneeEquivalence-label,
#anneeEquivalence-element,
#anneeDEA-label,
#anneeDEA-element {
    top: 120px;
}
#certificatDEAS-element,
#certificatDEAS-label {
    top: 130px;
}
#serieTerminaleAS-label,
#serieTerminaleAS-element {
    top: 150px;
}
#anneeNiveauIV-label,
#anneeNiveauIV-element,
#anneeDEAVS-label,
#anneeDEAVS-element {
    top: 160px;
}
#anneeDEAP-label,
#anneeDEAP-element {
    top: 165px;
}
#certificatDEAP-element,
#certificatDEAP-label,
#anneeDEAMP-label,
#anneeDEAMP-element,
#anneeDAEU-label,
#anneeDAEU-element {
    top: 200px;
}
#anneeBacAS-label,
#anneeBacAS-element {
    top: 220px;
}
#serieTerminale-label,
#serieTerminale-element,
#anneeTerminale-label,
#anneeTerminale-element,
#anneeTPAVF-label,
#anneeTPAVF-element {
    top: 240px;
}
#anneeAMP-label,
#anneeAMP-element,
#anneeVAE-label,
#anneeVAE-element {
    top: 280px;
}
#anneeNiveauVAS-label,
#anneeNiveauVAS-element {
    top: 290px;
}
#anneeJury-label,
#anneeJury-element,
#anneeBacASSP-label,
#anneeBacASSP-element {
    top: 320px;
}
#anneeBacSAPAT-label,
#anneeBacSAPAT-element {
    top: 360px;
}
#anneeDEAES1-label,
#anneeDEAES1-element {
    top: 400px;
}
#anneeDEAES2-label,
#anneeDEAES2-element {
    top: 440px;
}
#anneeDEAES3-label,
#anneeDEAES3-element {
    top: 480px;
}
#anneeEtranger-label,
#anneeEtranger-element {
    top: 380px;
}
#annee1Annee-label,
#annee1Annee-element {
    top: 520px;
}
#nameDiplomeCasPart-label,
#nameDiplomeCasPart-element,
#anneeDiplomeCasPart-label,
#anneeDiplomeCasPart-element {
    top: 690px;
}


#nameDiplomeCasPart-label {
    left: 100px;
}
#nameDiplomeCasPart-element {
    left: 180px;
}
#serieTerminaleAS-label,
#anneeBacAS-label,
#anneeNiveauVAS-label,
#anneeEtranger-label,
#annee1Annee-label {
    left: 200px
}
#serieTerminaleAS-element,
#anneeBacAS-element,
#anneeNiveauVAS-element,
#anneeEtranger-element,
#annee1Annee-element {
    left: 260px
}
#serieBac-label,
#serieTerminale-label,
#paysHUE-label,
#anneeDEAPAS-label,
#anneeDEA-label,
#anneeDEAVS-label,
#anneeDEAMP-label,
#anneeTPAVF-label,
#anneeVAE-label,
#anneeBacASSP-label,
#anneeBacSAPAT-label,
#anneeBacCAS-label,
#anneeOther-label  {
    left: 300px;
}

#intituleBac-label,
#intituleOther-label {
    left:490px;
}

#degreeASCP-element label {
    display:inline-block;
    width:250px;
}
#serieBac-element,
#serieTerminale-element,
#paysHUE-element,
#anneeDEAPAS-element,
#anneeDEA-element,
#anneeDEAVS-element,
#anneeDEAMP-element,
#anneeTPAVF-element,
#anneeVAE-element,
#anneeBacASSP-element,
#anneeBacSAPAT-element,
#anneeBacCAS-element,
#anneeOther-element {
    left: 360px;
}

#intituleBac-element,
#intituleOther-element {
    left:550px;
}

#anneeVAE-label,
#anneeVAE-element {
    top:320px;
}

#anneeBacCAS-label,
#anneeBacCAS-element,
#intituleBac-label,
#intituleBac-element
 {
    top:360px;
}

#anneeOther-label,
#anneeOther-element,
#intituleOther-label,
#intituleOther-element {
    top:400px;
}

#anneeDEAES1-label,
#anneeDEAES2-label,
#anneeDEAES3-label {
    left: 650px;
}
#anneeDEAES1-element,
#anneeDEAES2-element,
#anneeDEAES3-element {
    left: 710px;
}
#anneeDiplomeCasPart-label {
    left: 450px;
}
#anneeDiplomeCasPart-element {
    left: 510px;
}
#anneeBac-label,
#anneeEquivalence-label,
#anneeNiveauIV-label,
#anneeDAEU-label,
#anneeTerminale-label,
#anneeAMP-label,
#anneeJury-label,
#anneeDEAS-label,
#anneeDEAP-label,
#anneeHUE-label {
    left: 650px;
}
#anneeBac-element,
#anneeEquivalence-element,
#anneeNiveauIV-element,
#anneeDAEU-element,
#anneeTerminale-element,
#anneeAMP-element,
#anneeJury-element,
#anneeDEAS-element,
#anneeDEAP-element,
#anneeHUE-element {
    left: 720px;
}

#certificatDEAS-element,
#certificatDEAP-element {
    left: 100px;
}
#fieldset-infoDiplome #certificatDEAS-label,
#fieldset-infoDiplome #certificatDEAP-label {
    left: 130px;
    width: 520px;
}

#certificatDEAS-label label,
#certificatDEAP-label label {
    font-size: 14px;
    font-style: italic;
    position: relative;
    top: -3px;
}

#anneeBac-element input,
#anneeEquivalence-element input,
#anneeNiveauIV-element input,
#anneeDAEU-element input,
#anneeTerminale-element input,
#anneeAMP-element input,
#anneeJury-element input,
#anneeDEAS-element input,
#anneeDEAP-element input,
#anneeHUE-element input {
    width: 100px;
}

/* ----- Date Picker ----- */

body .datepicker_jqui {
    width: 193px;
    height: 166px;
}
body .datepicker_jqui .header {
    height: 25px;
    top: -4px;
}
body .datepicker_jqui .header .previous,
body .datepicker_jqui .header .next {
    top: 8px;
}
body .datepicker_jqui .body {
    top: -4px;
}
body .datepicker_jqui .days .titles .title {
    width: 24px;
    height: 18px;
    font-size: 10px;
}
body .datepicker_jqui .days .day {
    width: 24px;
    height: 16px;
    font-size: 10px;
    padding-top: 0;
}
body .datepicker_jqui .months .month {
    width: 59px;
    height: 31px;
    padding-top: 2px;
}
body .datepicker_jqui .years .year {
    width: 44px;
    height: 24px;
    font-size: 14px;
    padding-top: 2px;
}

body .datepicker_jqui .years .year4,
body .datepicker_jqui .years .year9,
body .datepicker_jqui .years .year14,
body .datepicker_jqui .years .year19 {
    margin-right: 2px;
}
body .datepicker_jqui .years .year3,
body .datepicker_jqui .years .year7,
body .datepicker_jqui .years .year11,
body .datepicker_jqui .years .year15,
body .datepicker_jqui .years .year19 {
    margin-right: 0;
}

/* ------- */

table.stage-etranger th {
    color: #fff;
    background: #19B7DD;
    line-height: 40px;
}
table.stage-etranger td {
    line-height: 30px;
    padding-left: 15px;
}
table.stage-etranger tbody tr:nth-child(even) td {
    background: rgba(25,183,221,0.3) ;
}

iframe.ytplayer {
    margin-top: 20px;
}

/* ------- */

#slider-3 {
    max-height: 450px;
    height: 40vw;
    margin-bottom: 20px;
}

/* ----- */



.container-list-files-infir ul li{
	list-style-image: url(/theme/IFSI/images/puce-fichier.png);
	width: 100%;
	margin-top: 1%;
	margin-bottom: 1%;
	padding-left: 1%;
}

.container-list-files-infir ul li a{
	color: #19B7DD;
	text-decoration: none;
	vertical-align: super;
}

.container-list-files-infir ul li a:hover{
	color: #E74761;
	transition: all 0.5s;
}

.container-list-files-as ul li{
	list-style-image: url(/theme/IFSI/images/puce-fichier-as.png);
	width: 100%;
	margin-top: 1%;
	margin-bottom: 1%;
	padding-left: 1%;
}

.container-list-files-as ul li a{
	color: #53b83f;
	text-decoration: none;
	vertical-align: super;
}

.container-list-files-as ul li a:hover{
	color: #E74761;
	transition: all 0.5s;
}
/* -------- */



/* -------*/

table.UE {
    margin-bottom: 20px;
}

.stages {
    display:flex;
    flex-wrap:wrap;
    margin-top:20px;
    margin-bottom:20px;
    height:max-content;
}

.stages .stage {
    width:calc(25% - 50px);
    margin-left:50px;
    margin-top:50px;
    border:1px solid #19B7DD;
    position:relative;
    display: flex;
    flex-direction: column;
}

.stages-container.map .stages .stage {
    width:calc(50% - 25px);
}

.stages .stage:nth-child(4n + 1) {
    margin-left:0;
}

.stages .stage:nth-child(-n + 4) {
    margin-top:0;
}

.stages-container.map .stages .stage:nth-child(4n + 1) {
    margin-left:50px;
}

.stages-container.map .stages .stage:nth-child(-n + 4) {
    margin-top:50px;
}

.stages-container.map .stages .stage:nth-child(2n + 1) {
    margin-left:0;
}

.stages-container.map .stages .stage:nth-child(-n + 2) {
    margin-top:0;
}

.stages .stage > a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.stages .stage .image {
    background:white;
}

.stages .stage .image img {
    display:block;
    width:60%;
    margin-left:auto;
    margin-right:auto;
}

.stages .stage .infos {
    background:#19B7DD;
    padding:20px;
    margin-top: auto;
    margin-bottom: 0;
    min-height: max-content;
    flex-grow: 1;
}

.stages .stage .infos p {
    color:white;
    text-align:center;
    margin:0;
    margin-top:10px;
    font-size:0.8rem;
}

.stages .stage .infos p:first-child {
    margin-top:0;
}

.stages-container.map {
    display:flex;
    flex-wrap:wrap;
}

.stages-container.map .stages {
    width:calc(60% - 20px);
    margin-right:auto;
}

.stages-container.map #map-stages {
    width:calc(40% - 20px);
    margin-left:auto;
    height:500px;
}

.stages .pagination-pages {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    height: max-content;
    margin-bottom: 0;
    margin-top: 40px;
}

.stages .pagination-pages li {
    width:max-content;
    margin-left:auto;
    margin-right:auto;
    line-height: 26px;
    vertical-align:middle;
    list-style:none;
    height:max-content;
    position:relative;
}

.stages .pagination-pages li:hover a {
    font-weight:800;
}

.stages .pagination-pages li.pagination-count {
    width: 25px;
    border: 1px solid #888888;
    background:white;
    text-align:center;
    height:26px;
}

.stages .pagination-pages li.page-count-active, .stages .pagination-pages li.pagination-count:hover {
    background:#19b7dd;
    border:1px solid #19b7dd;
    color:white;
}

.stages .pagination-pages li:first-child {
    margin-left:0;
}

.stages .pagination-pages li:last-child {
    margin-right:0;
}

.stages .pagination-pages li.pagination-count {
    margin-left:10px;
    margin-right:10px;
}

.stages .pagination-pages li.pagination-count a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.stages .pagination-pages li.pagination-count:hover a {
    color:white;
}

.switch a {
    background:#f0f0f0;
    padding: 5px 10px;
    margin-right: 10px;
}

.switch a span {
    color:#b4b4b4;
}

.switch a.active {
    background:#19b7dd;
}

.switch a.active span {
    color:white;
}

.contentLeft.formStage {
    min-width:350px;
    max-width:350px;
}

.contentLeft.formStage nav {
    width:100%;
    padding-top:90px;
    position:relative;
}

.contentLeft.formStage nav ul li {
    margin:15px 0;
}

.contentRight.formStage {
    margin-left:60px;
}

.page-form h2 {
    color:#1ab6dd;
}

.page-form h3 {
    margin-top:40px;
    margin-bottom:30px;
}

.page-form h4 {
    margin-bottom:30px;
    color:#1ab6dd;
    font-size:1.1rem;
}

.page-form input {
    padding: 5px;
    border: none;
    border-bottom:1px solid #E9E9E9;
}

.page-form textarea {
    padding:5px;
}

.page-form select {
    background: none;
    border: none;
    border-bottom: 1px solid #E9E9E9;
}

.page-form .two-columns {
    display:flex;
    flex-wrap:wrap;
    margin-bottom:20px;
}

.page-form .two-columns > dd {
    margin-left:20px;
    flex-grow: 1;
}

.page-form .two-columns > dd input, .page-form .two-columns > dd select {
    width:calc(100% - 1px);
}

.page-form .two-columns > dd input[type="checkbox"] {
    width:auto;
    margin-left:30px;
}

.page-form .two-columns .two-columns {
    margin-bottom:0;
}

.page-form .two-columns.cp_ville .two-columns {
    width:calc(50% - 20px);
    margin-left:auto;
}

.page-form .two-columns.cp_ville .two-columns:first-child {
    margin-left:0;
}

.page-form .two-columns.typol .title {
    font-weight:800;
}

.page-form .two-columns.typol > .two-columns {
    flex-grow:1;
    width:min-content;
}

.page-form .two-columns.typol .two-columns dd {
    order:1;
}

.page-form .two-columns.typol .two-columns dt {
    order:2;
    margin-left:10px;
}

.page-form .two-columns.typol > .two-columns > .two-columns {
    margin-bottom:20px;
}

.page-form #specialites-label label, .page-form #autre_typologie-label label, .page-form #capacite_accueil-label label {
    font-weight:800;
}

.page-form .two-columns.typol.hosp > .two-columns {
    width:max-content;
    flex-grow:unset;
    margin-bottom:20px;
}

.page-form .two-columns.effectif > div {
    width:calc(50% - 50px);
    margin-left:auto;
}

.page-form .two-columns.effectif > div:first-child {
    margin-left:0;
}

.page-form .two-columns.effectif dt {
    width:calc(100% - 70px);
}

.page-form .two-columns.effectif dd {
    flex-grow:unset;
    width:50px;
}

.page-form .two-columns.effectif dd input {
    border:1px solid #E9E9E9;
}

.page-form .two-columns.effectif .two-columns {
    margin-bottom:20px;
}

.page-form #capacite_accueil {
    width:50px;
    border:1px solid #E9E9E9;
}

.page-form .two-columns.coord .two-columns {
    width:calc(50% - 20px);
    margin-left:auto;
    margin-bottom:20px;
}

.page-form .two-columns.coord .two-columns:nth-child(2n + 1) {
    margin-left:0;
}

.page-form .title-coord {
    font-weight:800;
    margin-bottom:15px;
    color:black;
}

.page-form .two-columns.effectif_equipe .two-columns {
    margin-left:50px;
    flex-grow:1;
}

.page-form .two-columns.effectif_equipe .two-columns:first-child {
    margin-left:0;
    flex-grow:unset;
}

.page-form .two-columns.effectif_equipe .two-columns.nb_effectif input {
    width:50px;
    border:1px solid #E9E9E9;
}

.page-form .regles {
    margin-bottom:20px;
}

.page-form .regles dt {
    display:none;
}

.page-form .regles textarea {
    border:none;
    border-bottom:1px solid #E9E9E9;
    height:150px;
    width:calc(100% - 1px);
}

.page-form .two-columns.horaires > .two-columns {
    width:calc(50% - 30px);
    margin-left:auto;
}

.page-form .two-columns.horaires > .two-columns:first-child {
    margin-left:0;
}

.page-form .two-columns.horaires > .two-columns > div:first-child {
    width:70px;
}

.page-form .two-columns.horaires > .two-columns > .two-columns {
    width:calc(100% - 70px);
    margin-left:auto;
}

.page-form .two-columns.horaires > .two-columns > .two-columns > .two-columns {
    width:calc(50% - 20px);
    margin-left:auto;
}

.page-form .two-columns.horaires > .two-columns > .two-columns > .two-columns:first-child {
    margin-left:0;
}

.page-form .two-columns.horaires > .two-columns > .two-columns > .two-columns > dt {
    width:25px;
}

.page-form .two-columns.horaires > .two-columns > .two-columns > .two-columns > dd {
    width: calc(100% - 50px);
    margin-left: auto;
    flex-grow: unset;
}

.page-form .two-columns.horaires > .two-columns > .two-columns > .two-columns > dd input {
    border:1px solid #D8D8D8;
    text-align:center;
}

.page-form .two-columns.alternance > dd {
    flex-grow:unset;
}

.page-form .description {
    font-weight:800;
}

.page-form .suivi_patient dd {
    display:flex;
    flex-wrap:wrap;
    margin-top:20px;
}

.page-form .suivi_patient dd label {
    margin-left:40px;
}

.page-form .suivi_patient dd label:first-child {
    margin-left:0;
}

.page-form .suivi_patient dd label input {
    margin-right:10px;
}

.page-form table {
    border-collapse: collapse;
}

.page-form table td {
    border: 1px solid #707070;
    padding:10px;
    font-size:1rem;
}

.page-form table thead td {
    font-weight:800;
    font-size:0.9rem;
}

.page-form table td dt {
    display:none;
}

.page-form table td dd {
    position:relative;
}

.page-form table td.group_cell {
    width:250px;
}

.page-form table td.title_cell {
    width:300px;
}

.page-form table td.checkbox_cell {
    width:50px;
    min-height:50px;
}

.page-form table td.checkbox_cell dd {
    width:100%;
    height:100%;
}

.page-form table td.checkbox_cell dd input[type=checkbox] {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.page-form table td dd input {
    width:100%;
}

.page-form .description_competences, .page-form .description_competences strong {
    font-size:0.8rem;
}

.page-form .competences h4 {
    color:white;
    background:#1ab6dd;
    padding:5px 10px;
    margin-bottom:0;
    margin-top:10px;
}

.page-form .competences .competence {
    padding:15px;
    padding-bottom: 30px;
}

.page-form .competences .competence:last-child {
    padding-bottom:15px;
}

.page-form .competences .competence:nth-child(2n + 1) {
    background:#f6f6f6;
}

.page-form .competences .competence:nth-child(2n) {
    background: #ebebeb;
}

.page-form .competences .competence dt {
    display:none;
}

.page-form .competences .competence textarea {
    border:none;
    border-bottom:1px solid #E9E9E9;
    height:150px;
    width:calc(100% - 1px);
}

.page-form .competences .competence textarea:disabled {
    background:white;
}

.page-form .competences .competence .two-columns.comp_name label {
    display:flex;
}

.page-form .competences .competence .two-columns.comp_name dd{
    width: max-content;
    margin-left: 0;
    flex-grow:unset;
    margin-right:15px;
}

.page-form .competences .competence .sous_competences {
    margin-bottom:20px;
}

.page-form .competences .competence .sous_competences p {
    margin-bottom:10px;
    font-size:0.8rem;
}

.page-form .competences .competence .situation p {
    margin-bottom:10px;
}

.page-form .competences .competence .view-more {
    color:#1ab6dd;
    font-size:0.9rem;
    margin-bottom:20px;
    cursor:pointer;
}

.page-form .two-columns.field {
    align-items:end;
}

.page-form .two-columns.field > dt {
    padding-bottom:5px;
}

#submit_brouillon-label {
    display:none;
}

.formStage #submit-element, .formStage #submit_brouillon-element input, .formStage #submit_valide-element input {
    margin-left:auto;
    margin-right:0;
    width:max-content;
}

.formStage #submit-element input, .formStage #submit_brouillon-element input, .formStage #submit_valide-element input, .formStage #submit_modif-element input {
    background: #1ab6dd;
    border: none;
    padding: 5px 30px;
    color: white;
    border-radius: 5px;
    font-weight: 800;
    cursor: pointer;
}

.page-form .links-others-page {
    display:flex;
    flex-wrap:wrap;
    margin-top:20px;
}

.page-form .links-others-page p {
    color:#1ab6dd;
    font-size:0.8rem;
    cursor:pointer;
    display: flex;
    align-items: center;
}

.page-form .links-others-page p span {
    color:#b0b7b3;
    font-size: 1.1rem;
    font-weight: 600;
}

.page-form .links-others-page p span.fa-chevron-left {
    margin-right:10px;
}

.page-form .links-others-page p span.fa-chevron-right {
    margin-left:10px;
}

.page-form .links-others-page p:first-child {
    margin-left:0;
    margin-right:auto;
}

.page-form .links-others-page p:last-child {
    margin-left:auto;
    margin-right:0;
}

.page-form .links-others-page.left p {
    margin-left:0;
    margin-right:auto;
}

.page-form .links-others-page.right p {
    margin-left:auto;
    margin-right:0;
}

.page-form .add-tuteur {
    background:#E7E7E7;
    padding:3px 20px;
    color:#898989;
    width:max-content;
    margin-bottom:20px;
    cursor:pointer;
}

.page-form .add-tuteur span {
    margin-right:10px;
    color:#898989;
}

.page-form input:disabled, .page-form textarea:disabled, .page-form option:disabled, .page-form optgroup:disabled, .page-form select:disabled {
    background: none;
}

.bouttons-form-stage {
    display:flex;
    flex-wrap:wrap;
}

.bouttons-form-stage > dd {
    margin:0;
    margin-top:10px;
    margin-left:auto;
}

.bouttons-form-stage #submit-element {
    margin:0;
    margin-top:10px;
}

.bouttons-form-stage #submit-element input {
    background:#bfb142;
}

.bouttons-form-stage #submit_brouillon-element {
    margin-right:50px;
}

.bouttons-form-stage #submit_valide-element input {
    background:green;
}

.search-bar-stage {
    margin-top:80px;
    margin-bottom:80px;
    margin-left:auto;
    margin-right:auto;
    width:650px;
    background:#19B7DD;
    border-radius:10px;
    padding:20px;
    padding-bottom:45px;
    position:relative;
}

.search-bar-stage h2 {
    color:white;
    font-size:1.3rem;
}

.search-bar-stage h2 span {
    color:white;
    font-size:1.3rem;
    line-height:1.5rem;
    margin-right:20px;
}

.search-bar-stage .fields {
    display:flex;
    flex-wrap:wrap;
    margin-top:15px;
}

.search-bar-stage .fields dt {
    display:none;
}

.search-bar-stage .fields dd#code-element {
    width:100px;
}

.search-bar-stage .fields dd {
    margin-left:1px;
    width:calc((100% - 101px) / 2 - 1px);
    position:relative;
}

.search-bar-stage .fields dd input, .search-bar-stage .fields dd select {
    width:100%;
    height:100%;
    padding: 5px 15px;
    padding-left:40px;
    border:none;
    font-size:0.9rem;
    position:relative;    
    background:white;
}

.search-bar-stage .fields dd input["placeholder"] {
    color:#A9A9A9;
}

.search-bar-stage .fields dd:before {
    font-family:"Font Awesome 6 Free";
    font-weight:600;
    font-style:normal;
    content:"";
    position:absolute;
    top: 50%;
    left: 15px;
    width: max-content;
    height: max-content;
    z-index: 1;
    font-size: 1rem;
    transform: translate(0,-50%);
    display:block;
    color:#A9A9A9;
}

.search-bar-stage .fields dd#code-element:before {
    content:"\f002";
}

.search-bar-stage .fields dd#service-element:before {
    content:"\f0c9";
}

.search-bar-stage .fields dd#etablissement-element:before {
    content:"\f015";
}

.search-bar-stage #submit-element {
    margin:0;
    position:absolute;
    bottom:-20px;
    left:50%;
    transform:translate(-50%,0);
}

.search-bar-stage #submit-element input {
    background:#A9A9A9;
    border:none;
    border-radius:5px;
    padding:10px 50px;
    color:white;
    cursor:pointer;
}

.link-fichier {
    margin-top: 30px;
    display: block;
    background: #19b7dd;
    color: white !important;
    width: max-content;
    padding: 5px 15px;
    border-radius: 10px;
}

@media only screen and (max-width: 1320px) {
    .contentMax {
        padding: 40px 20px;
    }
    .home.contentMax {
        padding: 60px 10px 0 10px;
    }
    .home .contentContact {
        padding: 0 10px;
    }

    .inscription-form {
        padding-bottom: 20px;
    }

    footer:before {
        width: 100%;
        margin: 0;
        left: 0;
        background-size: 100% 100%;
    }

}

@media only screen and (max-width: 1240px) {

    .inscription-form {
        width: 450px;
    }

    #fieldset-infoContact dt {
        text-align: left;
        width: auto;
        float: none;
    }

    #fieldset-infoDiplome input[type=radio] {
        margin-bottom: 50px;
    }

    .inscription-form fieldset dl {
        padding: 25px 20px;
    }

    #serieBac-element input,
    #serieTerminale-element input {
        width: 120px;
    }

    #fieldset-infoDiplome #degreeDEAS-element {
        line-height: 40px;
    }

    #fieldset-infoDiplome #degreeDEAS-element label {
        display: block;
        margin-bottom: 90px;
    }
    #fieldset-infoDiplome #degreeHUE-element label {
        display: block;
        margin-bottom: 50px;
    }
    #fieldset-infoDiplome #degreeCommun-element label {
        display: block;
        margin-bottom: 36px;
    }
    #fieldset-infoDiplome #degreeDEAS-element br,
    #fieldset-infoDiplome #degreeCommun-element br {
        display: none;
    }
    #fieldset-infoDiplome #certificatDEAS-label,
    #fieldset-infoDiplome #certificatDEAP-label {
        width: 240px;
        left: 50px;
    }
    #certificatDEAS-element,
    #certificatDEAP-element {
        left: 23px;
    }
    #anneeDEAS-label,
    #anneeDEAP-label {
        left: 30px;
    }

    #anneeDEAS-element,
    #anneeDEAP-element {
        left: 90px;
    }

    #certificatDEAS-label,
    #certificatDEAS-element {
        top: 110px;
    }
    #anneeDEAS-label,
    #anneeDEAS-element {
        top: 160px;
    }
    #certificatDEAP-label,
    #certificatDEAP-element {
        top: 235px;
    }
    #anneeDEAP-label,
    #anneeDEAP-element {
        top: 285px;
    }

    #anneeHUE-label,
    #anneeHUE-element,
    #paysHUE-label,
    #paysHUE-element {
        top: 140px;
    }
    #paysHUE-label {
        left: 30px;
    }
    #paysHUE-element {
        left: 90px;
    }
    #paysHUE-element input {
        width: 100px;
    }
    #anneeHUE-label {
        left: 200px;
    }
    #anneeHUE-element {
        left: 270px;
    }

    #fieldset-infoDiplome #degreePACES-label {
        width: 90%;
    }

    #fieldset-infoDiplome input[type="radio"] {
        margin-bottom: 0;
    }
    #fieldset-infoDiplome #degreeASCI-element label {
        margin-bottom: 40px;
    }

    #fieldset-infoDiplome #degreeASCI-element label:nth-child(11n) {
        margin-bottom: 130px;
    }

    #serieTerminaleAS-label,
    #serieTerminaleAS-element {
        top: 160px;
    }
    #anneeBacAS-label,
    #anneeBacAS-element {
        top: 235px;
    }
    #anneeNiveauVAS-label,
    #anneeNiveauVAS-element {
        top: 355px;
    }
    #anneeEtranger-label,
    #anneeEtranger-element {
        top: 515px;
    }
    #annee1Annee-label,
    #annee1Annee-element {
        top: 710px;
    }
    #nameDiplomeCasPart-label,
    #nameDiplomeCasPart-element,
    #anneeDiplomeCasPart-label,
    #anneeDiplomeCasPart-element {
        top: 925px;
    }

    #serieTerminaleAS-label,
    #anneeBacAS-label,
    #anneeNiveauVAS-label,
    #anneeEtranger-label,
    #annee1Annee-label,
    #nameDiplomeCasPart-label {
        left: 50px;
    }
    #serieTerminaleAS-element,
    #anneeBacAS-element,
    #anneeNiveauVAS-element,
    #anneeEtranger-element,
    #annee1Annee-element {
        left: 110px;
    }
    #nameDiplomeCasPart-element {
        left: 125px;
    }
    #nameDiplomeCasPart-element input {
        width: 120px;
    }
    #anneeDiplomeCasPart-label {
        left: 255px;
    }
    #anneeDiplomeCasPart-element {
        left: 310px;
    }
    #anneeDiplomeCasPart-element input {
        width: 100px;
    }

    .inscription-form .label-sup {
        bottom: 220px;
        left: 23px;
    }

    #anneeDEAPAS-label,
    #anneeDEA-label,
    #anneeDEAVS-label,
    #anneeDEAMP-label,
    #anneeTPAVF-label,
    #anneeVAE-label,
    #anneeBacASSP-label,
    #anneeBacSAPAT-label,
    #anneeBacCAS-label,
    #anneeOther-label
     {
        left: 220px;
    }
    #anneeDEAPAS-element,
    #anneeDEA-element,
    #anneeDEAVS-element,
    #anneeDEAMP-element,
    #anneeTPAVF-element,
    #anneeVAE-element,
    #anneeBacASSP-element,
    #anneeBacSAPAT-element,
    #anneeBacCAS-element,
    #anneeOther-element {
        left: 290px;
    }
    #anneeDEAES1-label,
    #anneeDEAES1-element {
        top: 435px;
    }
    #anneeDEAES2-label,
    #anneeDEAES2-element {
        top: 515px;
    }
    #anneeDEAES3-label,
    #anneeDEAES3-element {
        top: 620px;
    }

    #anneeDEAES1-label,
    #anneeDEAES2-label,
    #anneeDEAES3-label {
        left: 210px;
    }
    #anneeDEAES1-element,
    #anneeDEAES2-element,
    #anneeDEAES3-element {
        left: 280px;
    }

    #anneeDEAPAS-element input,
    #anneeDEA-element input,
    #anneeDEAVS-element input,
    #anneeDEAMP-element input,
    #anneeTPAVF-element input,
    #anneeVAE-element input,
    #anneeBacASSP-element input,
    #anneeBacSAPAT-element input {
        width: 120px;
    }


    #serieBac-label,
    #serieBac-element,
    #anneeBac-label,
    #anneeBac-element {
        top: 110px;
    }
    #anneeEquivalence-label,
    #anneeEquivalence-element {
        top: 187px;
    }
    #anneeNiveauIV-label,
    #anneeNiveauIV-element {
        top: 264px;
    }
    #anneeDAEU-label,
    #anneeDAEU-element {
        top: 341px;
    }
    #serieTerminale-label,
    #serieTerminale-element,
    #anneeTerminale-label,
    #anneeTerminale-element {
        top: 418px;
    }
    #anneeAMP-label,
    #anneeAMP-element {
        top: 495px;
    }
    #anneeJury-label,
    #anneeJury-element {
        top: 572px;
    }

    #serieBac-label,
    #serieTerminale-label {
        left: 70px;
    }
    #serieBac-element,
    #serieTerminale-element {
        left: 130px;
    }
    #anneeBac-label,
    #anneeEquivalence-label,
    #anneeNiveauIV-label,
    #anneeDAEU-label,
    #anneeTerminale-label,
    #anneeAMP-label,
    #anneeJury-label {
        left: 270px;
    }
    #anneeBac-element,
    #anneeEquivalence-element,
    #anneeNiveauIV-element,
    #anneeDAEU-element,
    #anneeTerminale-element,
    #anneeAMP-element,
    #anneeJury-element {
        left: 330px;
    }

    #anneeBacCAS-label, #anneeOther-label {
        left:170px;
    }
    #anneeBacCAS-element, #anneeOther-element {
        left:225px;
    }
    #intituleBac-label, #intituleOther-label {
        left:300px;
    }
    #intituleBac-element, #intituleOther-element {
        left:365px;
    }

    .contentLeft.formStage {
        display:none;
    }

    .contentRight.formStage {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
    }
}

@media only screen and (max-width: 820px) {
    .backHeader {
        height: 220px;
    }

    header .content {
        flex-wrap:wrap;
    }


    #slider-1,
    .banniere {
        display: none;
    }

    header .espaceEtudiant {
        position:relative;
        display:flex;
        flex-wrap:wrap;
        width:max-content;
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    header .content .espaceEtudiant a {
        width:max-content;
        margin-right:10px;
        margin-left:0;
    }

    header .espaceEtudiant a:last-child {
        margin-right:0;
    }

    header .content a {
        width: 100%;
        display: inline-block;
        text-align: center;
    }




    header nav {
        height: auto;
    }

    .menu-responsive-button-container {
        padding: 5px 0;
    }

    header nav ul {
        flex-wrap: wrap;
    }
    header nav ul > li {
        width: 100%;
        text-align: left;
        line-height: 30px;
        text-transform: initial;
    }
    header nav ul > li a,
    header nav ul > li span {
        padding-left: 20px;
    }

    header nav ul > li ul {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        width: 100%;
    }
    header nav ul > li:hover ul {
        top: 0;
    }
    header nav ul > li ul > li {
        background: #BFBCA9;
        padding: 0;
    }
    header nav ul > li ul > li ul {
        display: block;
    }

    header nav ul li {
        position: relative;
    }
    header nav ul > li ul > li:before {
        content: "";
        position: absolute;
        width: 9px;
        height: 16px;
        background: url("images/sous-menu.png") no-repeat;
        top: 0px;
        left: 20px;
    }
    header nav ul > li ul > li a,
    header nav ul > li ul > li span {
        padding-left: 35px;
    }

    header nav ul > li ul > li ul > li a,
    header nav ul > li ul > li ul > li span {
        padding-left: 50px;
    }
    header nav ul > li ul > li ul > li:before {
        left: 35px;
    }

    header nav ul > li ul > li ul > li ul > li a,
    header nav ul > li ul > li ul > li ul > li span {
        padding-left: 65px;
    }
    header nav ul > li ul > li ul > li ul > li:before {
        left: 50px;
    }

    header nav  ul.menu > li {
        margin: 10px 0;
    }




    .contentMax:after {
        background: rgba(0, 0, 0, 0) url("images/shadow_footer.png") no-repeat scroll 0 0 / cover ;
        content: "";
        height: 10px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .contentMax .buttonLinks,
    .contentMax .infosActu {
        flex-wrap: wrap;
    }

    .contentMax .buttonLinks div {
        width: 25%;
    }
    .contentMax .buttonLinks .connexion {
        margin-top: 20px;
        width: 100%;
    }
    .connexion input {
        width: 100%;
    }
    .contentMax .infosActu div,
    .contentMax .infosActu .actu {
        width: 100%;
    }
    .infosActu {
        margin-top: 30px;
    }
    .infosActu ul {
        width: 100%;
        margin: 0;
        padding-left: 50px;
    }
    .infosActu li {
        padding: 0;
    }
    .infosActu .infosResume {
        padding: 0;
    }


    .home .contentContact {
        flex-wrap: wrap;
    }
    .contentContact .horraires,
    .contentContact .adresse {
        width: 100%
    }
    .contentContact .horraires h2 {
        margin-bottom: 15px;
        text-align: center;
    }
    .contentContact .infosHoraire table {
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
    }
    .contentContact .infosHoraire table tr td:nth-child(2n) {
        text-align: right;
    }

    .contentContact .adresse {
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .contentContact .adresse div {
        width: 100%;
    }
    .contentContact .adresse img {
        width: 100%;
    }
    .contentContact .adresse .infosAdresse .fa {
        width: auto;
    }

    footer::before {
        display: none;
    }

    .partenaires {
        flex-wrap: wrap;
        height: auto;
    }

    .mentions p {
        flex-direction: column;
        text-align: center;
    }


    .contentLeft,
    .ariane {
        display: none;
    }
    .contentRight {
        margin-left: 0;
        margin-top: 30px;
        width: 100%;
    }

    .contentRight .organigram {
        justify-content: space-around;
    }

    .contentRight ul.historique {
        margin-left: 10px;
    }
    .contentRight ul.historique li {
        padding-left: 3px;
    }

    .slideLocaux .slider-control-arrow div {
        width: 20px;
        height: 20px;
        background-size: 200% 100%;
        margin: 0;
        transform: translateY(-50%);
    }
    .slideLocaux .slider-control-arrow div:hover {
        background-size: 200% 100%;

    }
    .contentRight .slideLocaux h3 {
        font-size: 14px;
        line-height: 20px;
        padding: 0 10px;
    }

    .contentRight .eventCal .dateCal {
        display: none;
    }
    .calandar .subject::before {
        display: none;
    }


    .list-news {
        padding: 0 10px
    }
    .list-news .contentNew {
        width: 100%;
    }
    .list-news .contentNew .picture-bloc {
        height: auto;
    }
    .list-news .contentNew img.picture {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
    }
    .list-news .contentNew:hover img.picture {
        transform: none;
    }
    .list-news .contentNew h2.title-2 {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .list-news .contentNew .read-more {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: inline-block;
    }

    .one-new {
        flex-direction: column;
        padding: 0 10px;
    }
    .one-new .contentNew .new-header .picture-bloc {
        height: auto;
    }
    .one-new .contentNew .new-header .picture-bloc img {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
    }
    .one-new .contentNew {
        min-width: auto;
    }
    .one-new .right {
        margin-left: 0;
    }
    .one-new .right {
        padding-top: 0;
    }
    .one-new .contentNew {
        padding-bottom: 20px;
    }
    .one-new .contentNew .new-header .theme-news {
        bottom: 0;
        top: initial;
    }


    .contentMax.full {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .content-contact {
        flex-wrap: wrap;
    }
    .formulaire-contact, .carte {
        width: 100%;
    }
    .carte {
        height: 400px;
    }

    .contentRight h2 {
        margin: 0;
    }

    .contentRight .illustration {
        float: none;
    }
    .contentRight .illustration img {
        width: 100%;
    }

    table.resp {
        display: none;
    }
    .tabl-img-resp {
        display: block;
    }

    table.stages tr.sems {
        display: flex;
        flex-direction: column;
    }

    table.offres-emplois thead {
        display: none;
    }
    table.offres-emplois tr {
        display: flex;
        flex-direction: column;
    }
    .contentMax.full table td.offre-title {
        text-align: center;
    }
    .contentMax.full table td {
        border: none;
    }

    .inscription-form {
        width: 340px;
        margin: 0 auto;
    }

    #fieldset-infoDiplome input[type="radio"] {
        margin-bottom: 0;
    }

    #fieldset-infoDiplome #degreeCommun-element,
    #fieldset-infoDiplome #degreeDEAS-element,
    #fieldset-infoDiplome #degreeHUE-element,
    #fieldset-infoDiplome #degreeASCI-element,
    #fieldset-infoDiplome #degreeASCP-element {
        line-height: initial;
    }

    #fieldset-infoDiplome #degreeCommun-element label,
    #fieldset-infoDiplome #degreeDEAS-element label,
    #fieldset-infoDiplome #degreeHUE-element label,
    #fieldset-infoDiplome #degreeASCI-element label,
    #fieldset-infoDiplome #degreeASCP-element label {
        display: block;
        margin-bottom: 50px;
    }
    #fieldset-infoDiplome #degreeDEAS-element label {
        margin-bottom: 60px;
    }
    #fieldset-infoDiplome #degreeCommun-element label:first-child,
    #fieldset-infoDiplome #degreeCommun-element label:nth-child(9n),
    #fieldset-infoDiplome #degreeHUE-element label {
        margin-bottom: 100px;
    }
    #fieldset-infoDiplome #degreeCommun-element br,
    #fieldset-infoDiplome #degreeASCI-element br,
    #fieldset-infoDiplome #degreeASCP-element br {
        display: none;
    }

    #fieldset-infoDiplome dt {
        left: 70px;
    }
    #fieldset-infoDiplome dd {
        left: 130px;
    }
    #fieldset-infoDiplome #degreeCommun-label,
    #fieldset-infoDiplome #degreeCommun-element,
    #fieldset-infoDiplome #degreeDEAS-label,
    #fieldset-infoDiplome #degreeDEAS-element,
    #fieldset-infoDiplome #degreeHUE-label,
    #fieldset-infoDiplome #degreeHUE-element,
    #fieldset-infoDiplome #degreePACES-label,
    #fieldset-infoDiplome #degreePACES-element,
    #fieldset-infoDiplome #degreeASCI-label,
    #fieldset-infoDiplome #degreeASCI-element,
    #fieldset-infoDiplome #degreeASCP-label,
    #fieldset-infoDiplome #degreeASCP-element {
        left: 0;
    }

    #fieldset-infoDiplome #certificatDEAS-element,
    #fieldset-infoDiplome #certificatDEAP-element {
        left: 20px;
    }
    #fieldset-infoDiplome #certificatDEAS-label,
    #fieldset-infoDiplome #certificatDEAP-label {
        left: 40px;
        width: 300px
    }

    #paysHUE-element input {
        width: 150px;
    }

    #fieldset-infoDiplome #degreePACES-label {
        width: 90%;
    }

    #anneeBacAS-element input,
    #anneeNiveauVAS-element input,
    #anneeEtranger-element input,
    #annee1Annee-element input,
    #anneeDiplomeCasPart-element input,
    #anneeDEAPAS-element input,
    #anneeDEA-element input,
    #anneeDEAVS-element input,
    #anneeDEAMP-element input,
    #anneeTPAVF-element input,
    #anneeVAE-element input,
    #anneeBacASSP-element input,
    #anneeBacSAPAT-element input {
        width: 100px;
    }
    #serieTerminaleAS-element input {
        width: 120px;
    }


    #serieBac-label,
    #serieBac-element {
        top: 100px;
    }
    #anneeDEAS-label,
    #anneeDEAS-element,
    #anneeDEAPAS-label,
    #anneeDEAPAS-element {
        top: 100px;
    }
    #serieTerminaleAS-label,
    #serieTerminaleAS-element,
    #paysHUE-label,
    #paysHUE-element {
        top: 130px;
    }
    #anneeBac-label,
    #anneeBac-element {
        top: 140px;
    }

    #anneeBacCAS-label,
    #anneeBacCAS-element {
        top:560px;
    }
    #intituleBac-label,
    #intituleBac-element {
        top:590px;
    }

    #anneeOther-label,
    #anneeOther-element {
        top:630px;
    }
    #intituleOther-label,
    #intituleOther-element {
        top:660px;
    }
    #anneeHUE-label,
    #anneeHUE-element,
    #anneeDEA-label,
    #anneeDEA-element {
        top: 170px
    }
    #anneeEquivalence-label,
    #anneeEquivalence-element {
        top: 225px;
    }
    #anneeDEAP-label,
    #anneeDEAP-element {
        top: 230px;
    }
    #anneeDEAVS-label,
    #anneeDEAVS-element {
        top: 245px;
    }
    #certificatDEAP-label,
    #certificatDEAP-element {
        top: 260px;
    }
    #anneeNiveauIV-label,
    #anneeNiveauIV-element {
        top: 300px;
    }
    #anneeDEAMP-label,
    #anneeDEAMP-element {
        top: 320px;
    }
    #anneeNiveauVAS-label,
    #anneeNiveauVAS-element {
        top: 350px;
    }
    #anneeDAEU-label,
    #anneeDAEU-element {
        top: 375px;
    }
    #anneeTPAVF-label,
    #anneeTPAVF-element {
        top: 410px;
    }
    #serieTerminale-label,
    #serieTerminale-element {
        top: 450px;
    }
    #anneeVAE-label,
    #anneeVAE-element {
        top: 485px;
    }
    #anneeTerminale-label,
    #anneeTerminale-element {
        top: 490px;
    }
    #anneeEtranger-label,
    #anneeEtranger-element {
        top: 495px;
    }
    #anneeBacASSP-label,
    #anneeBacASSP-element {
        top: 545px;
    }
    #anneeAMP-label,
    #anneeAMP-element {
        top: 596px;
    }
    #anneeBacSAPAT-label,
    #anneeBacSAPAT-element {
        top: 620px;
    }
    #anneeDEAES1-label,
    #anneeDEAES1-element {
        top: 720px;
    }
    #anneeDEAES2-label,
    #anneeDEAES2-element {
        top: 820px;
    }
    #anneeDEAES3-label,
    #anneeDEAES3-element {
        top: 930px;
    }
    #annee1Annee-label,
    #annee1Annee-element {
        top: 660px;
    }
    #anneeJury-label,
    #anneeJury-element {
        top: 671px;
    }

    #nameDiplomeCasPart-label,
    #nameDiplomeCasPart-element {
        top: 855px;
    }
    #fieldset-infoDiplome #nameDiplomeCasPart-element {
        left: 140px;
    }
    #nameDiplomeCasPart-element input {
        width: 150px;
    }
    #anneeDiplomeCasPart-label,
    #anneeDiplomeCasPart-element {
        top: 890px;
    }

    #fieldset-infoDiplome #degreeASCI-element label:nth-child(11n) {
        margin-bottom: 150px;
    }

    .inscription-form .label-sup {
        left: 23px;
    }

    .search-bar-stage {
        width:100%;
    }

    .search-bar-stage .fields {
        flex-direction:column;
    }

    .search-bar-stage .fields dd#code-element {
        width:100%;
    }

    .search-bar-stage .fields dd {
        width:100%;
        margin-bottom:10px;
        margin-left:0;
    }

    .search-bar-stage .fields dd:last-child {
        margin-bottom:0;
    }

    .stages-container.map .stages {
        width:100%;
    }

    .stages .stage {
        width:calc(50% - 25px);
    }

    .stages .stage:nth-child(-n+4) {
        margin-top: 50px;
    }

    .stages .stage:nth-child(4n+1) {
        margin-left: 50px;
    }

    .stages .stage:nth-child(-n+2) {
        margin-top: 0;
    }

    .stages .stage:nth-child(2n+1) {
        margin-left: 0;
    }

    .stages-container.map #map-stages {
        width:100%;
        margin-top:20px;
    }

    .page-form .two-columns.cp_ville {
        flex-direction:column;
    }

    .page-form .two-columns.cp_ville .two-columns {
        width:100%;
        margin-left:0;
        margin-right:0;
        margin-bottom:20px;
    }

    .page-form .two-columns.cp_ville .two-columns:last-child {
        margin-bottom:0;
    }

    .page-form .two-columns.effectif {
        flex-direction:column;
    }

    .page-form .two-columns.effectif > div {
        width:100%;
        margin-bottom:20px;
    }

    .page-form .two-columns.effectif > div:last-child {
        margin-bottom:0;
    }

    .page-form .two-columns.coord {
        flex-direction:column;
    }

    .page-form .two-columns.coord > .two-columns {
        width:100%;
    }

    .page-form .two-columns.typol {
        flex-direction:column;
    }

    .page-form .two-columns.typol > .two-columns {
        width:100%;
    }

    .page-form .two-columns.typol.hosp {
        flex-direction:row;
    }

    .page-form .two-columns .effectif_equipe {
        flex-direction:column;
    }

    .page-form .two-columns.effectif_equipe .two-columns {
        margin-left:0;
        width:100%;
        margin-bottom:20px;
    }

    .page-form .two-columns.effectif_equipe .two-columns:last-child {
        margin-bottom:0;
    }

    .page-form .two-columns.horaires {
        flex-direction:column;
    }

    .page-form .two-columns.horaires > .two-columns {
        margin-bottom:20px;
        margin-left:0;
        margin-right:0;
        width:100%;
    }

    .page-form .two-columns.horaires > .two-columns:last-child {
        margin-bottom:0;
    }

    .page-form .two-columns.horaires > .two-columns > .two-columns > .two-columns > dd {
        width:calc(100% - 25px);
    }

    .page-form .two-columns.horaires > .two-columns > .two-columns > .two-columns {
        width:calc(50% - 10px);
    }

    .page-form table thead td {
        font-size:0.7rem;
    }

    .page-form table td {
        font-size:0.7rem;
    }

    .page-form table td dd input {
        font-size:0.7rem;
    }

}

@media only screen and (max-width: 600px) {
    .contentMax .buttonLinks div {
        width: 50%;
        margin-bottom: 20px;
    }

    .errors{
        margin-top: 10px !important;
    }

    .stages-container.map .stages .stage, .stages .stage {
        width:100%;
        margin-top:20px;
    }

    .stages-container.map .stages .stage:nth-child(-n+4), .stages .stage:nth-child(-n+4) {
        margin-top:20px;
    }

    .stages-container.map .stages .stage:nth-child(4n+1), .stages .stage:nth-child(4n+1) {
        margin-left: 0;
    }

    .stages-container.map .stages .stage:nth-child(-n+2), .stages .stage:nth-child(-n+2) {
        margin-top:20px;
    }

    .stages-container.map .stages .stage:nth-child(2n+1), .stages .stage:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 360px) {
    .contentMax .buttonLinks div {
        width: 100%;
    }

	.new .imageNews{
		height: 200px;
	}

	header .espaceEtudiant {
	   display:block;
	}

	header .content .espaceEtudiant a {
      margin-right: auto;
      margin-left:auto;
      margin-bottom:10px;
      display:block;
    }

    header .content .espaceEtudiant a:last-child {
        margin-right:auto;
        margin-bottom:0;
    }

    header .content img {
        height:100px;
    }
}

.download_pdf {
    text-decoration: underline;
    color: #3fb8d5;
    position:relative;
    padding-left:24px;
}

.download_pdf:before {
    position:absolute;
    top:50%;
    left:0;
    transform:translate(0,-50%);
    color:red;
    font-family:"Font Awesome 6 Free";
    font-weight:600;
    font-style:normal;
    content:"\f1c1";
    font-size: 18px;
}

.search-stage {
    margin-top:10px;
    margin-bottom:30px;
}

.search-stage input {
    padding:5px 15px;
    padding-right:35px;
    border-radius:7px;
    width:300px;
    border:1px solid #aaaaaa;
}

.input-search-container {
    position:relative;
    width:max-content;
}

.input-search-container:after {
    position:absolute;
    top:50%;
    right:15px;
    transform:translate(0,-50%);
    content:"\f002";
    font-family:"Font Awesome 6 Free";
    font-weight:600;
    font-style:normal;
    font-size:15px;
    color:#44544a;
}

@media all and (max-width:820px) {
    .logout {
        position:relative;
        top:0;
        right:0;
        margin-bottom:40px;
        margin-top:-10px;
        display:block;
    }
}

@media all and (max-width:600px) {
    .search-stage input {
        width:230px;
    }
}

.flex-student-space {
    display:flex;
    flex-wrap:wrap;
}

.flex-student-space .left {
    width:280px;
}

.flex-student-space .left .legende {
    margin-top:38px;
    width:80%;
    margin-left:auto;
    margin-right:auto;
    min-width:200px;
}

.flex-student-space .left .legende > div {
    display:flex;
    flex-wrap:wrap;
    margin-top:25px;
    align-items:center;
}

.flex-student-space .left .legende > div:first-child {
    margin-top:0;
}

.flex-student-space .left .legende > div .indicator {
  width: 28px;
  height: 28px;
  position:relative;
}

.flex-student-space .left .legende > div .indicator::before {
  content: "\f057";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  font-style: normal;
  color: #C80404;
  border-radius: 100%;
  font-size: 28px;
  line-height: 28px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 28px;
  height: 28px;
}

.flex-student-space .left .legende > div .indicator.todo:before {
    content:"\f15c";
    color:white;
    background:#19B7DD;
    width: 16px;
    height: 16px;
    padding: 6px;
    font-size: 16px;
    line-height: 16px;
    text-align:center;
}

.flex-student-space .left .legende > div .indicator.deny:before {
    content:"\f057";
    color:#C80404;
}

.flex-student-space .left .legende > div .indicator.valid:before {
    content:"\f058";
    color:#3E8201;
}

.flex-student-space .left .legende > div .indicator.waiting:before {
    content:"\f017";
    color:#DA9900;
}

.flex-student-space .left .legende > div p {
    display:block;
    margin-left:15px;
    width:calc(100% - 43px);
    font-family: Open Sans;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    line-height: 20.43px;
    text-align: left;
    color:#44544A;
    margin-bottom:0;
}

.flex-student-space .menu {
    width:100%;
    background:#F7F7F7;
    padding: 15px 20px;
    height: max-content;
}

.flex-student-space .menu > a {
    display:block;
    width:100%;
    font-family: Open Sans;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 27.24px;
    letter-spacing: 0.03em;
    text-align: left;
    color:#BEB041;
    text-decoration:none;
    padding-top:12px;
    padding-bottom:12px;
    position:relative;
    padding-right:20px;
    border-bottom:1px solid #D4D4D4;
}

.flex-student-space .menu > a.active {
    color:#19B7DD;
}

.flex-student-space .menu > a:first-child {
    padding-top:0;
}

.flex-student-space .menu > a:last-child {
    padding-bottom:0;
    border-bottom:0;
}

.flex-student-space .menu > a:after {
    position:absolute;
    top:12px;
    right:0;
    content:"\f054";
    font-family:"Font Awesome 6 Free";
    font-weight:600;
    font-style:normal;
    color:#BEB041;
    font-size:19px;
    line-height: 27.24px;
}

.flex-student-space .menu > a.active:after {
    color:#19B7DD;
}

.flex-student-space .menu > a:first-child:after {
    top:0;
}

.flex-student-space .content {
    width:calc(100% - 330px);
    margin-left:50px;
    position:relative;
}

.datepicker_custom .datepicker-header .column {
    color:white;
}

.flex-student-space form .two-columns {
    display:flex;
    flex-wrap:wrap;
    align-items: start;
}

.flex-student-space form .two-columns > div {
    width:calc(50% - 40px);
    margin-left:40px;
    margin-right:40px;
}

.flex-student-space form .two-columns > div:first-child {
    margin-left:0;
}

.flex-student-space form .two-columns > div:last-child {
    margin-right:0;
}

.flex-student-space form h3 {
    margin-top:40px;
}

.flex-student-space form .sub_text {
    margin-top: -5px;
    margin-bottom: 15px;
    font-size:14px;
    font-style:italic;
}

.flex-student-space form h3:first-child {
    margin-top:0;
}

.flex-student-space form #bourse-label {
    display:none;
}

.flex-student-space form #bourse-element {

}

.flex-student-space form #bourse-element br {

}

.flex-student-space form #has_degree_as-element {
    margin-bottom:20px;
}

.flex-student-space form #handicap-element {
    padding-top:5px;
}

.flex-student-space form #bourse-element label, .flex-student-space form #has_degree_as-element label, .flex-student-space form #handicap-element label {
    width:max-content;
    margin-right:50px;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 400;
    line-height: 24.51px;
    letter-spacing: 0.03em;
    text-align: left;
}

.flex-student-space form #bourse-element label:last-child, .flex-student-space form #has_degree_as-element label:last-child, .flex-student-space form #handicap-element label:last-child {
    margin-right:0;
}

.flex-student-space form #bourse-element label input, .flex-student-space form #has_degree_as-element label input, .flex-student-space form #handicap-element label input {
    margin-right:5px;
    border: none;
    padding:0;
    position: relative;
    width:max-content;
}

.flex-student-space form .two-columns, .flex-student-space form .one-element {
    margin-top:20px;
}

.flex-student-space form .two-columns:first-child, .flex-student-space form .one-element:first-child {
    margin-top:0;
}

.flex-student-space form .two-columns > div, .flex-student-space form div.flex-field, .flex-student-space form .one-element {
    display:flex;
    flex-wrap:wrap;
    position:relative;
    /*margin-top:20px;*/
}

.flex-student-space form .two-columns > div, .flex-student-space form .one-element {
    align-items: center;
}

.flex-student-space form div.flex-field {
    margin-top:20px;
}

.flex-student-space form .two-columns > div:first-child, .flex-student-space form div.flex-field:first-child {
    margin-top:0;
}

.flex-student-space form .two-columns > div dt, .flex-student-space form div.flex-field dt, .flex-student-space form .one-element dt {
    width:max-content;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 600;
    line-height: 24.51px;
    letter-spacing: 0.03em;
    text-align: left;
    background:#ffffff;
    margin-right:10px;
    color:black;
}

.flex-student-space form .two-columns > div dt label, .flex-student-space form div.flex-field dt label, .flex-student-space form .one-element dt label {
    color:black;
}

.flex-student-space form .two-columns > div dd, .flex-student-space form div.flex-field dd, .flex-student-space form .one-element dd {
    flex-grow: 1;
    position: relative;
    padding-top: 32px;
    min-width:150px;
}

.flex-student-space form .two-columns > div dd input, .flex-student-space form .two-columns > div dd select, .flex-student-space form div.flex-field dd input, .flex-student-space form .one-element dd input, .flex-student-space form .one-element dd select {
    border:none;
    border-bottom:1px solid #E9E9E9;
    padding:3px 2px;
    position:relative;
    z-index:1;
    width:100%;
    position: absolute;
    top: 0;
    right: 0;
}

.flex-student-space form .two-columns > div dd .errors, .flex-student-space form div.flex-field dd .errors, .flex-student-space form .one-element dd .errors {
    margin-bottom:0;
    margin-top: 10px;
    width:600px;
}

.datepicker_custom .day {
    font-size:14px;
}

.flex-student-space form .two-columns > div dd#birthdate-element, .flex-student-space form .two-columns > div dd#bac_date-element, .flex-student-space form .two-columns > div dd#highest_degree_date-element, .flex-student-space form .two-columns > div dd#schooling_end_date-element {
    height:43px;
    padding-top: 0;
}

.document_student dd#validity_date-element, .document_student dd#date_first-element {
    position:relative;
    width:252px;
    height:43px;
}

.document_student dd#validity_date-element p.errors, .document_student dd#date_first-element p.errors {
    padding-top:52px;
}

.flex-student-space form .two-columns > div dd#birthdate-element:after, .document_student dd#validity_date-element:after, .document_student dd#date_first-element:after, .flex-student-space form .two-columns > div dd#bac_date-element:after, .flex-student-space form .two-columns > div dd#highest_degree_date-element:after, .flex-student-space form .two-columns > div dd#schooling_end_date-element:after {
    position:absolute;
    right:15px;
    top:21px;
    transform:translate(0,-50%);
    font-family:"Font Awesome 6 Free";
    font-weight:600;
    font-style:normal;
    content:"\f133";
    font-size:20px;
    color:black;
    z-index:1;
}

.flex-student-space form .two-columns > div dd#birthdate-element input, .document_student dd#validity_date-element input[type=text], .document_student dd#date_first-element input[type=text], .flex-student-space form .two-columns > div dd#bac_date-element input, .flex-student-space form .two-columns > div dd#highest_degree_date-element input, .flex-student-space form .two-columns > div dd#schooling_end_date-element input {
    border:1px solid #E9E9E9;
    padding:8px 15px;
    background:none;
    z-index:2;
    position:absolute;
}

.flex-student-space form .two-columns > div dt#name-label {
    position:relative;
}

.flex-student-space form .two-columns > div dt#name-label:after {
    position:absolute;
    content:"(Si différent)";
    font-size:12px;
    line-height:15px;
    color:#333;
    font-weight:400;
    bottom:-15px;
    left:0;
}

.flex-student-space form #save-label {
    display:none;
}

.flex-student-space form #save-element, .document_student #submit-element {
    margin-top:50px;
    width:max-content;
    margin-left:auto;
    margin-right:auto;
}

.flex-student-space form #save-element input, .document_student #submit-element input {
    display:block;
    padding:15px 55px;
    color:white;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: 600;
    line-height: 20.43px;
    letter-spacing: 0.01em;
    text-align: center;
    background:#19B7DD;
    border:none;
    border-radius:5px;
    box-shadow: 0px 20px 10px 0px #00000012;
    width:max-content;
    cursor:pointer;
}

@media all and (max-width:1280px) {
    .flex-student-space form .two-columns {
        display:block;
    }

    .flex-student-space form .two-columns > div {
        width:100%;
        margin-left:0;
        margin-right:0;
        margin-top:20px;
    }

    .flex-student-space form .two-columns > div:first-child {
        margin-top:0;
    }
}

@media all and (max-width:820px) {
    .flex-student-space {
        display:block;
    }

    .flex-student-space .left {
        width:100%;
    }

    .flex-student-space .left .legende {
        width: 95%;
    }

    .flex-student-space .content {
        width:100%;
        margin-left:0;
        margin-top:50px;
    }

    .flex-student-space form .two-columns > div dt {
        width:100%;
    }

    .flex-student-space form .two-columns > div dd {
        width:100%;
        margin-top:10px;
        padding-top:0;
    }

    .flex-student-space form .two-columns > div dd input {
        position:relative;
    }

    .flex-student-space form .two-columns > div dt#name-label {
        padding-bottom:20px;
    }

    .flex-student-space form .two-columns > div dt#name-label:after {
        bottom:0;
    }
}

@media all and (max-width:600px) {
    .flex-student-space form #save-element input {
        padding:15px 20px;
    }
}

.success-form {
    color:green;
    margin-bottom:20px;
    font-size:25px;
    font-weight:600;
}

.depot {
    font-family: Open Sans;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    line-height: 20.43px;
    letter-spacing: 0.03em;
    text-align: left;
    color:#19B7DD;
    margin-top:20px;
    display:block;
}

.progress_bar {
    height:15px;
    width:calc(100% - 70px);
    background:#E5E5E5;
    position:relative;
    border-radius:10px;
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
}

.progress_bar .progression {
    background:#19B7DD;
    height:100%;
    border-radius:10px;
}

.progress_bar .number {
    position:absolute;
    top:-10px;
    transform:translate(-50%,-100%);
    font-family: Questrial;
    font-size: 25px;
    font-weight: 400;
    line-height: 25.75px;
    letter-spacing: 0.03em;
    text-align: left;
    color:#19B7DD;
}

.documents {
    margin-top:20px;
    display:flex;
    flex-wrap:wrap;
}

.documents > div {
    width:calc((100% - 40px) / 3);
    margin-left:20px;
    margin-top:20px;
    padding:20px;
    background:white;
    border:1px solid #19B7DD;
    position:relative;
    display:flex;
    align-items:center;
    min-height:200px;
}

.documents > div.padding-bottom {
    padding-bottom:80px;
    min-height:230px;
}

.documents > div:nth-child(3n + 1) {
    margin-left:0;
}

.documents > div:nth-child(-n + 3) {
    margin-top:0;
}

.documents > div a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2;
}

.documents > div .center {
    margin-left:auto;
    margin-right:auto;
    width:max-content;
    max-width:100%;
}

.documents > div .center img {
    height:40px;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.documents > div .center h4 {
    margin-top:15px;
    font-family: Questrial;
    font-size: 25px;
    font-weight: 400;
    line-height: 25.75px;
    letter-spacing: 0.03em;
    text-align: center;
    color:#19B7DD;
}

.documents > div .indicator {
    position:absolute;
    top:10px;
    right:10px;
    width:28px;
    height:28px;
    z-index:3;
}

.documents > div .indicator:before {
    content:"\f057";
    font-family:"Font Awesome 6 Free";
    font-weight:600;
    font-style:normal;
    color:#C80404;
    border-radius:100%;
    font-size:28px;
    line-height: 28px;
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    width:28px;
    height:28px;
}

.documents > div .indicator.todo:before {
    content:"\f15c";
    color:white;
    background:#19B7DD;
    width: 16px;
    height: 16px;
    padding: 6px;
    font-size: 16px;
    line-height: 16px;
    text-align:center;
}

.documents > div .indicator.deny:before {
    content:"\f057";
    color:#C80404;
}

.documents > div .indicator.valid:before {
    content:"\f058";
    color:#3E8201;
}

.documents > div .indicator.waiting:before {
    content:"\f017";
    color:#DA9900;
}

.documents > div .to-complete {
    margin-top:0;
    margin-bottom:0;
    font-family: Open Sans;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    line-height: 20.43px;
    letter-spacing: 0.03em;
    text-align: center;
    color:#44544A;
    position:relative;
    display:block;
    padding-right:30px;
    position:absolute;
    bottom:20px;
    left:50%;
    transform:translate(-50%,0);
    width:max-content;
    max-width:calc(100% - 40px);
}

.documents > div .to-complete:after {
    position:absolute;
    top:50%;
    right:0;
    transform:translate(0,-50%);
    content:"\f054";
    font-family:"Font Awesome 6 Free";
    font-weight:600;
    font-style:normal;
    color:#44544A;
    font-size:10px;
}

@media all and (max-width:1280px) {
    .documents > div {
        width:calc((100% - 20px) / 2);
    }

    .documents > div:nth-child(3n + 1) {
        margin-left:20px;
    }

    .documents > div:nth-child(-n + 3) {
        margin-top:20px;
    }

    .documents > div:nth-child(2n + 1) {
        margin-left:0;
    }

    .documents > div:nth-child(-n + 2) {
        margin-top:0;
    }
}

@media all and (max-width:600px) {
    .documents > div {
        width:100%;
        margin-left:0;
    }

    .documents > div:nth-child(3n + 1) {
        margin-left:0;
    }

    .documents > div:nth-child(-n + 2) {
        margin-top:20px;
    }

    .documents > div:first-child {
        margin-top:0;
    }
}

.document_student .checkbox {
    display:flex;
    flex-wrap:wrap;
}

.document_student .checkbox .case {
    width:16px;
}

.document_student .checkbox .text {
    width:calc(100% - 26px);
    margin-left:10px;
}

.document_student .checkbox .radio_element {
    width:100%;
}

.document_student .checkbox .radio_element label {
    margin-top:10px;
    display:block;
    width:100%;
}

.document_student .checkbox .radio_element label input {
    margin-right:5px;
}

.document_student .checkbox .radio_element br {
    display:none;
}

.document_student .checkbox-text {
    margin-bottom:25px;
}

.document_student .description {
    margin-top: 25px;
}
.document_student .description .fas {
    margin-right: 15px;
    color:#19B7DD;
    font-size: 2em;
    vertical-align: middle;
}

.document_student h3 {
    font-family: Questrial;
    font-size: 25px;
    font-weight: 400;
    line-height: 25.75px;
    letter-spacing: 0.03em;
    text-align: left;
    font-style:normal !important;
    color:#19B7DD;
}

.document_student .form-element {
    margin-bottom:30px;
}

.document_student .form-element:last-child {
    margin-bottom:0;
}

.document_student .form-element > dd {
    margin-top:10px;
}

.document_student .errors {
    margin-top:10px !important;
    margin-bottom:0 !important;
}

.errors li {
    list-style:disc;
    color:red;
    margin-top:5px;
}

.errors li:first-child {
    margin-top:0;
}

.download_file {
    width:100%;
    border:1px solid #19B7DD;
    background:white;
    color:#19B7DD;
    margin-top:15px;
    font-family: Questrial;
    font-size: 25px;
    font-weight: 400;
    line-height: 25.75px;
    letter-spacing: 0.03em;
    text-align: left;
    padding:12px 20px;
    padding-left:60px;
    text-decoration:none;
    display:block;
    position:relative;
}

.download_file:before {
    position:absolute;
    top:50%;
    left:20px;
    transform:translate(0,-50%);
    content:"\f15b";
    font-family:"Font Awesome 6 Free";
    font-weight:600;
    font-style:normal;
    color:#19B7DD;
    font-size:30px;
}

@media all and (max-width:600px) {
    .download_file {
        font-size: 16px;
        line-height: 16.75px;
        padding:8px 14px;
        padding-left:38px;
    }

    .download_file:before {
        left:14px;
        font-size:18px;
    }
}

.flex-student-space .content .status {
    position:absolute;
    top:10px;
    right:10px;
    width:28px;
    height:28px;
}

.flex-student-space .content .status:before {
    content:"\f057";
    font-family:"Font Awesome 6 Free";
    font-weight:600;
    font-style:normal;
    color:#C80404;
    border-radius:100%;
    font-size:28px;
    line-height: 28px;
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    width:28px;
    height:28px;
}

.flex-student-space .content .status.todo:before {
    content:"\f15c";
    color:white;
    background:#19B7DD;
    width: 16px;
    height: 16px;
    padding: 6px;
    font-size: 16px;
    line-height: 16px;
    text-align:center;
}

.flex-student-space .content .status.deny:before {
    content:"\f057";
    color:#C80404;
}

.flex-student-space .content .status.valid:before {
    content:"\f058";
    color:#3E8201;
}

.flex-student-space .content .status.waiting:before {
    content:"\f017";
    color:#DA9900;
}

.valid_form {
    margin-bottom:20px;
}

.valid_form, .valid_form span {
    color:green;
    font-size:25px;
}

.go-back {
    margin-bottom:20px;
    display:block;
}

.go-back, .go-back span {
    color:#19B7DD;
    width:max-content;
}

.refus {
    color: #C80404;
    font-size: 20px;
    line-height: 30px;
    position:relative;
    padding-left:35px;
}

.refus:before {
  content: "\f057";
  font-family:"Font Awesome 6 Free";
font-weight:600;
font-style:normal;
  color: #C80404;
  border-radius: 100%;
  font-size: 28px;
  line-height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 28px;
  height: 28px;
}

.lost-password {
    margin-top:20px;
    display:block;
}

.warning-account {
    color:#fb8100;
    position:relative;
    padding-left:25px;
}

.warning-account:before {
    position:absolute;
    top:0;
    left:0;
    font-size:18px;
    line-height: 25px;
    content:"\f071";
    font-family:"Font Awesome 6 Free";
    font-weight:600;
    font-style:normal;
    color:#fb8100;
}

.warning-menu-element {
    padding-left:25px;
}

.warning-menu-element:before {
    position:absolute;
    top:12px;
    left:0;
    font-size:18px;
    line-height: 27px;
    content:"\f071";
    font-family:"Font Awesome 6 Free";
    font-weight:600;
    font-style:normal;
    color:#fb8100;
}

.warning-menu-element:first-child:before {
    top:0;
}

.legal-page h1 {
    font-size:35px;
    line-height:45px;
    margin-bottom:30px;
}

.legal-page h3 {
    font-size:25px;
    line-height:35px;
    margin-bottom:15px;
    margin-top:25px;
}

.doc-to-download {
    margin-top:30px;
}

.doc-to-download a {
    display:block;
    width:max-content;
    max-width:100%;
    padding-left:35px;
    position:relative;
}

.doc-to-download a:before {
    font-family:"Font Awesome 6 Free";
    content:"\f1c1";
    color:red;
    font-size:25px;
    position:absolute;
    top:50%;
    left:0;
    transform:translate(0,-50%);
}