@import url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css');
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;600;700;900&display=swap');

div#super-layout {
    box-shadow: 0px -3px 17px 9px #979797;
}

/* nav */
.active_menu {
    background-color: #ff7a40 !important;
}
/* home */
/* header*/
div#global-header {
    background: rgb(0, 130, 196) none repeat scroll 0% 0%;
    margin: 0 auto;
}
.background-header, .background-center{ background: linear-gradient(50deg, #FF7A40, #f3b827); margin-top:0px; position:relative; z-index:1;height: 40px; }
.background-center:after{content: 'ENSEIGNEMENT CATHOLIQUE';position: absolute;left: 20px;top: 10px;font-size: 14px;font-weight: 700;color: #fff;}
#bottom{height: 100%;}
.background-center ul{display: inline-flex;width: 65%;justify-content: space-between;height: 100%;align-items: center;}
.bg {
    height:140px;
    width:100%;
    position:absolute;
}
.bg1 {
    background: transparent url("images/banniere_custom.png") no-repeat scroll center;
    right: 64px;
    width: 601px;
}
.bg2 {
    background: url(images/logo.png) no-repeat 0px 0px;
}
.navbar-collapse .navbar-nav.navbar-left:first-child {
    margin-left: 0px;
}
.bg3 {
    background: transparent url("images/header-mask.png") no-repeat scroll 0% 0%;
    right: 0px;
    height: 140px;
    width: 665px;
}
/* from login */
.partleft {
    float:left;
    width:60%;
    position: relative;
}
.partleft a{
    color:#fff !important;
}
.partright {
    float:left;
    width:37%;
}
div#accueil-login p {
    font-size: 26px;
    color: rgb(66, 139, 202);
    text-align: center;
    width: 100%;
}
div#accueil-login {
    padding: 20px 0px;
}
span.picto {
    float: left;
    height: 30px;
    width: 15%;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
}
span.email {
    background: #fff url(images/picto-02.svg) no-repeat center;
}
span.mdp {
    background: #fff url(images/picto-01.svg) no-repeat center;
}
div#accueil-login {
    background-color: #d6edff
}
div#accueil-login form {
    width: 70%;
    margin: 0px auto !important;
    background: transparent none repeat scroll 0% 0%;
    padding: 0;
}
/* nav bar */
.navbar-collapse {
    padding-left:0;
}

/* logout */
div.logout .glyphicon-off::before {
    position: relative;
    left: -9px;
    top: 2px;
}
div.logout:hover > a, div.logout:hover > span{
    color: #90C9E5;
}
div.logout a, div.logout > .glyphicon {
    text-indent: 2px;
    padding: 2px 8px 0px 16px;
    line-height: 22px;
    color: #fff;
    text-decoration: none;
}
div.logout a span, div.logout > .glyphicon span{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
div.logout {
    height: 35px !important;
    outline: none;
    color: rgba(255, 255, 255, 1);
    background-color: #0082C4;
    opacity:0.8;
    margin-left:377px;
    z-index: 999;
}
/* profil */
div.profil {
    margin-left:-53px;
}
div.profil span.glyphicon-user {
    text-indent: 2px;
    padding: 2px 8px 0px 16px;
    line-height: 22px;
    color: #fff;
    text-decoration: none;
}
div.profil .glyphicon-user:before {
    position: relative;
    left: -9px;
    top: 2px;
}
div.profil:hover > a, div.profil:hover > span{
    color: #fff;
}
div.profil small {
    position: relative;
    font-size: 10px;
    color: #CFE7F4;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    left: 4px;
    top: -1px;
}
div.profil span.infoprofil {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

div#menu-visiteur {
    left: 5px;
    top: 5px;
    background-color: transparent;
}
.navbar {
    margin-bottom: 0px !important;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a.glyphicon-off:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a.glyphicon-off:focus{
    /*background-color: #6ABDFD;
    background: none;*/
}

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: #ff7a40;
    border-width: 0px;
    border-radius: 0px;
    max-width: 1000px;
    margin:0 auto;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    outline:none;
    color: rgba(255, 255, 255, 1);
    padding: 15px 7px;
    height: 49px;
    background-color: #ff7a40;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: #ff7a40;
    background-image: -webkit-linear-gradient(top, rgba(248, 248, 248, 0) 0%, #e06630 100%);
    background-image: linear-gradient(to bottom, rgba(248, 248, 248, 0) 0%, #e06630 100%);
}
#custom-bootstrap-menu > div > div > ul > li:nth-child(1) > a {
    position: relative;
    top: -1px;
    height: 50px !important;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: #ff7a40;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #2394eb;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #2394eb;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #2394eb;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #6abdfd;
}

.container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
    overflow: hidden;
}
div#entretiens-titre {
    background: rgba(106, 189, 253, 1);
    border: 1px solid #4f81bd;
    color: rgba(106, 189, 253, 1);
    text-align: center;
    max-width: 950px;
    width: 100%;
    margin-top: 20px;
    height: 41px;
}
div#entretiens-titre p {
    font-size: 20px;
}
div#entretiens-header {
    min-height: 64px;
}
#infoopti {
    color:#555555;
    font-size: 11px;
    text-align: center;
}
div#accueil-documents {
    background: #fff;
}

/* accordion */
.panel-heading {
    cursor: pointer;
}

/* CSS Method for adding Font Awesome Chevron Icons */
.accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family:'FontAwesome';
    content:"\f077";
    float: right;
    color: inherit;
}
.panel-heading.collapsed .accordion-toggle:after {
    /* symbol for "collapsed" panels */
    content:"\f078";
}

/* container home */

.container-left-home {
    float: left;
    width: 62%;
    margin-top: 5px;
}

.container-right-home {
    float: left;
    width: 35%;
    margin-top: 5px;
    position: relative;
    min-height: 200px;
    margin-bottom: 100px;
}
#doc-dl a#doc {
    padding: 0 15px 0 0;
    display: block;
    width: 215px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    font-family: "Arial", Arial, Verdana, serif;
    vertical-align: middle;
    background: url(images/btn-doc-left.png) no-repeat;
    text-indent: 53px;
    color: white;
    text-decoration: none;
    margin: 0 auto;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
#doc-dl h4 {
    color:#428BCA;
    margin-bottom:15px;
}
#doc-dl a span:hover {
    text-decoration:underline;
}
div.imghomebot {
    background: url(images/neutreperson.png) no-repeat 15px -13px;
    height: 139px;
    background-size: cover;
    position: absolute;
    bottom: 0;
    width: 35%;
    right: 32px;
}
div#accueil-global-body {
    position: relative;
}
/*#accordion h4 {*/
/*    color: #428BCA;*/
/*}*/
/*#accordion h4:hover {*/
/*    color: #357EBD;*/
/*    font-weight:bold;*/
/*}*/
/*#accordion .panel-heading:hover {*/
/*    background:#ace1f9;*/
/*}*/
#accordion .panel-body {
    text-align: left;
    font-size: 13px;
    color: #565656;
}
#accordion {
    margin-left: 5px;
}
/* transition */
a, input, .link, .tofade, *:before, *:after,li,span,div,button, *:hover {
    -webkit-transition: background .4s ease-out, background-color .2s ease-out, color .2s ease-out, border-color .2s ease-out, background-position .2s ease-out, background-image .2s ease-out;
    -moz-transition: background .4s ease-out, background-color .2s ease-out, color .2s ease-out, border-color .2s ease-out, background-position .2s ease-out, background-image .2s ease-out;
    -o-transition: background .4s ease-out, background-color .2s ease-out, color .2s ease-out, border-color .2s ease-out, background-position .2s ease-out, background-image .2s ease-out;
    transition: background .4s ease-out, background-color .2s ease-out, color .2s ease-out, border-color .2s ease-out, background-position .2s ease-out, background-image .2s ease-out;
}


/* bottom */
#bottom a {
    text-decoration:none;
}
#bottom ul li {
    display: inline;
    margin-left: 0;
    padding: 0 10px;
    font-weight: 700;
    line-height: 13px;
}

/* form */
#inscriptions .form-horizontal {
    margin-left: 0px;
}
/* custom btn */
.btn-custom {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7deed+0,71ceef+39,21b4e2+83 */
    background: rgb(183,222,237); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(183,222,237,1) 0%, rgba(113,206,239,1) 39%, rgba(33,180,226,1) 83%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,222,237,1)), color-stop(39%,rgba(113,206,239,1)), color-stop(83%,rgba(33,180,226,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(183,222,237,1) 0%,rgba(113,206,239,1) 39%,rgba(33,180,226,1) 83%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(183,222,237,1) 0%,rgba(113,206,239,1) 39%,rgba(33,180,226,1) 83%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(183,222,237,1) 0%,rgba(113,206,239,1) 39%,rgba(33,180,226,1) 83%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(183,222,237,1) 0%,rgba(113,206,239,1) 39%,rgba(33,180,226,1) 83%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#21b4e2',GradientType=0 ); /* IE6-9 */
    background-color:transparent !important;
    border-radius:10px;
    border-color: #40b9e2 #40b9e2 hsl(195, 74%, 49%);
    border:none;
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.52);
    -webkit-font-smoothing: antialiased;
}

/* bandeau title */
#inscriptions div#entretiens-titre {
    width: 100%;
}

/* loader */ *
.loader .text-loader {
    color: white;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 65%;
    width: 40%;
}

/* Autocomplete */
.ui-autocomplete-loading {
    background: white url("../images/ui-anim_basic_16x16.gif") right center no-repeat !important;
}

/* Dialog modal bootstrap */
.modal-dialog{
    width: 800px !important;
}


/* certif pj */
#back_userbundle_dossier_certif, #back_userbundle_dossier_certifPreview_div {
    text-align:left;
}
#back_userbundle_dossier_certif.form-control, #back_userbundle_dossier_certifPreview_div.form-control, #back_userbundle_dossier_etudiant_certif.form-control {
    height: auto;
    min-height: 34px;
}
.champ-checkbox input, #back_userbundle_dossier_certif input, #back_userbundle_dossier_certifPreview_div input, #back_userbundle_dossier_etudiant_certif input{
    vertical-align: top;
    margin-top: 2px;
}
#back_userbundle_dossier_certif label,#back_userbundle_dossier_certifPreview_div label, #back_userbundle_dossier_etudiant_certif label{
    font-size: 14px;
    font-weight: 500;
    color:#000;
    max-width: 94%;
    text-transform: initial;
}
.champ-checkbox label{
    max-width: 94%;
    text-align: left;
}
.texteCGU{
    text-align: left;
}
.form-control.champ-checkbox{
    height: auto;
}
#back_userbundle_dossier_certifPreview_div label{
    margin-bottom: 0;
}
#back_userbundle_dossier_certif label a,#back_userbundle_dossier_certifPreview_div label a{
    color: #000;
    text-decoration: underline;
}

div.changeProfil{
    /*right:123px;*/
    margin-left:222px;
    cursor:pointer;
}
div.logout .glyphicon-cog::before{
    position: relative;
    left: -9px;
    top: 2px;
}
div.changeProfil #collapseProfil{
    opacity:1;
    background-color: #0082C4;
    width: 340px;
    margin: 3px 0 0 -70px;
    height: 64px !important;
    overflow: hidden;
    /* desctiver les transitions pour cet element */
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
div.changeProfil #collapseProfil .loadProfil {
    margin-left: 120px;
}
#collapseProfil > form > div{
    width: 260px;
}
div.changeProfil .collapsing {
    -webkit-transition: none !important;
    transition: none !important;
    display: block !important;
}
.alert{
    max-width: 1000px;
    margin: 20px auto;
}
.checkbox.conditions{
    position: relative;
}
.checkbox.conditions label{
    text-align: left;
}
.checkbox.conditions label:not(.error) {
    width: 95%;
}
.checkbox.conditions input{
    position: static;
    margin-left: 0px !important;
    margin-top: 8px !important;
}
.retour-dossier:link,
.retour-dossier:visited,
.retour-dossier:hover,
.retour-dossier:active,
.imprimer-dossier:link,
.imprimer-dossier:visited,
.imprimer-dossier:hover,
.imprimer-dossier:active{
    float: left;
    left: 50%;
    position: relative;
    margin: -45px 0 0 -500px;
    color: white;
}
.valider-reset:link,
.valider-reset:visited,
.valider-reset:hover,
.valider-reset:active{
    margin-top: -45px;
    float: right;
}
.imprimer-dossier:link,
.imprimer-dossier:visited,
.imprimer-dossier:hover,
.imprimer-dossier:active{
    margin: 20px 0 20px -500px;
}
button.changerEtape{
    background: 0 none;
    border: none;
    color: #0398CA;
}
.wrapperCgu{
    margin: 0 auto;
    max-width: 1000px;
}
.homeButtons{
    padding: 20px 0;
}
.homeButtons .btn,
.homeButtons .btn:visited{
    color: white;
    margin: 0 auto 20px auto;
    font-size: 16px;
}


/* Custom Chosen */
.form-group .chosen-container{
    max-width: 100%;
    width: 100%;
    text-align: left;
    margin-top: 2px;
}
.form-group .chosen-container-single .chosen-single{
    height: 32px;
    line-height: 32px;
}
.form-group .chosen-container-single .chosen-single div b{
    background-position: 0 5px;
}
.form-group .chosen-container .chosen-results{
    font-size: 12px;
}
.form-group .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 5px;
}
.form-group .chosen-container-single .chosen-single abbr {
    background-position: -42px 3px;
}

.form-group small {
    font-size: 80%;
    line-height: 12px;
    display: inline-block;
}

                                               /* ---------------------------- Version graphique 2022 ---------------------------- */

body {font-family: 'Red Hat Display', sans-serif !important;color: #000;}

/*Register*/
div#inscription-body{max-width: 80%;margin: 50px auto 0;}
div#inscriptions{padding: 20px 0;}
div#inscriptions .home-titles h1{color: #f3b827;}
div#inscriptions .info-connexion{margin: 50px 0 -10px 0!important;}
div#inscriptions .form-group.text input ~ ul {list-style-type: none;color: #fe0202;margin-top: 10px;}

/*Home (log in)*/
div#accueil-login, div#inscriptions{max-width: 90%;margin: 0 auto;background-color: #fff;text-align: center;}
.home-titles{text-align: center;font-weight: 600;font-size: 18px;}
.home-titles h1{font-weight: 700;font-size: 65px;color: #ff7a40;}
.home-titles h3{font-weight: 600;font-size: 18px;}
.home-titles ul{list-style-position: inside; max-width: 460px; margin: 0 auto;text-align: left;}
div#accueil-login .noAccount{margin-top: 30px;}
div#accueil-login hr{border-radius: 5px;max-width: 30px;margin-bottom: 0;}
div#accueil-login .noAccount hr{border: 3px solid #f3b827;}
div#accueil-login h2{margin-top: 10px;font-weight: 700;}
div#accueil-login .noAccount h2{color: #f3b827;}
div#accueil-login .hasAccount h2, div#accueil-login .hasAccount h6{color: #ff7a40;}
div#accueil-login .btn{color: #fff;border-radius: 20px;font-size: 17px;font-weight:700;margin-top: 15px;width: 250px;margin: 20px auto;display: block;}
div#accueil-login .noAccount .btn{background-color: #f3b827;}
div#accueil-login .noAccount .btn:hover{background-color: #af841a;}
div#accueil-login .hasAccount .btn{background-color: #ff7a40;}
div#accueil-login .hasAccount .btn:hover{background-color: #b1542b;}
div#accueil-login .hasAccount{margin-top: 50px;}
div#accueil-login .hasAccount hr{border: 3px solid #ff7a40;}
div#accueil-login .changePswd{text-align: right;margin-right: 15px;}
div#accueil-login .changePswd a{color: #000;}


/*Home (loged in)*/
#accueil-global-body .titles h1{color: #f3b827;font-weight: 700;font-size: 65px;}
#accueil-global-body .parcours{display: inline-flex;width: 100%;justify-content: center;align-items: center;margin-top: 50px;margin-bottom: 200px;}
#accueil-global-body .parcours > div{margin: 0 10px;position: relative;}
#accueil-global-body .parcours .parcours_1:before{content: url(images/arrow-down-left.png);position: absolute;top: -8%;left: 50%;}
#accueil-global-body .parcours .parcours_2:before{content: url(images/arrow-down-right.png);position: absolute;top: -8%;right: 50%;}
#accueil-global-body .parcours .text-over{position: absolute;top: 20%;max-width: 324px;left: 0;width: 100%;}
#accueil-global-body .parcours .text-over hr{border: 3px solid #fff;border-radius: 5px;max-width: 30px;}
#accueil-global-body .parcours .text-over h5{font-size: 35px;font-weight: 700;color: #fff;}
#accueil-global-body .parcours .text-over .btn{color: #fff;border-radius: 20px;font-size: 17px;margin-top: 15px;}
#accueil-global-body .parcours .parcours_1 .text-over .btn{background-color: #ff7a40;}
#accueil-global-body .parcours .parcours_2 .text-over .btn{background-color: #f3b827;}

/*Arche*/
.background-header-form{background: url(images/header-portail.jpg) no-repeat top center;height: 200px;margin: 0 auto;position: relative;}
.header-form-logo{background: url(images/logo-portail.png) no-repeat top 45% left 5%;height: 100%;}
.background-header-form .user-actions {position: absolute; top: 30%;right: 0;min-width:275px;}
.background-header-form .logout{background-color: inherit; margin-left: 0;position: relative;}
.background-header-form div.logout a, div.logout > .glyphicon{padding-top: 7px;}
.background-header-form .logout.profil .glyphicon-user:before{color: #f3b827;content: '\f007';font-family: 'FontAwesome';}
.background-header-form ~ .row{margin: 0;}
.background-header-form ~ div .colonne-visu{text-align: center; margin-bottom: 50px;}
.background-header-form ~ div .colonne-visu .backHome{max-width: 65%;margin: 0 auto;text-align: left;padding: 20px 0;}
.background-header-form ~ div .colonne-visu .backHome a{color: #FF7A40;text-decoration: none;font-weight: 700;font-size: 12px;text-transform: uppercase;}
.background-header-form ~ div .colonne-visu .backHome a:hover{color: #B4562D;}

/*navbar backoffice*/
.background-header-form.backOffice ~ .row #wrapper-body{margin-top: 110px;}
.background-header-form.backOffice ~ .alert ~ .row #wrapper-body{margin-top:0; }
.background-header-form.backOffice ~ .row #wrapper-body form.form-horizontal{max-width: 1000px;border: 1px solid #4f81bd;border-radius: 4px;}
.background-header-form.backOffice ~ .row #wrapper-body form.form-horizontal[name="collectionconcourstype_form"]{max-width: 100%}
.background-header-form.backOffice ~ .row .col-info{margin: 20px 0 0 auto;max-width: 480px;}
.background-header-form.backOffice ~ .alert{margin: 130px auto 0;}
.background-header-form.backOffice ~ .row #documents .form-group.text{margin: 0;}

#form_soumission #documents .form-group.text{margin:0;}
#form_soumission #documents #titreAjoutPJ{ margin-top: 20px; }
#form_soumission #documents #titreAjoutPJ ~ .form-group.text{margin: 20px;}

/*Panel info accordéon*/
.col-info{background-color: #fff;border-radius: 20px;padding: 10px 20px;margin-bottom: 150px;}
.panel-group .panel-info{border: inherit;}
.panel-group .panel-heading{padding: 10px 0;}
.panel-group .panel-info:first-child .panel-heading{border-top: 1px solid #f3b827;}
.panel-group .panel-info > .panel-heading{color: #000;background-color: #fff;border: 0;border-bottom: 1px solid #f3b827;}
.panel-group .panel-info>.panel-heading+.panel-collapse>.panel-body{border-top: 0;}
.panel-group .panel-info .panel-title{font-size: 14px;}
.panel-group .accordion-toggle:after{color: #FF7A40;}
#doc-dl{margin-top: 40px;}
#doc-dl h4{color: #FF7A40;font-weight: 700;}
#doc-dl ul{padding-inline-start: 13px;}
#doc-dl ul li{padding: 5px 10px;}
#doc-dl ul li::marker{content: '\f019';font-family: 'FontAwesome';color: #FF7A40;}
#doc-dl ul a{color: #000;}
                                                    /*---------------------- Formulaires ----------------------*/

div#inscription-body form{text-align: center;border: none;padding: 0;}
.form-horizontal{border: none;}
.form-horizontal .form-group{margin-right: 0 !important;margin-left: 0 !important;}

#formation_univ{border-bottom: 3px solid #f3b827;padding-bottom: 15px;margin-bottom: 20px;}

/*Contact Form*/
#contact #contact-header{font-size: 65px;font-weight: 700;color: #f3b827;}

/*Password*/
.titleMdp {font-size: 50px;font-weight: 700;color: #f3b827;}
.titleMdp ~ .btn-block .btn{margin-top: 50px;}

/*Titres*/
div#inscription-body .form-titles{text-align: left; margin-top: 0;}
div#inscription-body .form-titles hr{margin: 0;}
.form-titles{margin-top: 20px;}
.form-titles hr{border: 3px solid #f3b827;border-radius: 5px;max-width: 30px;margin: 0 auto;}
.form-titles h2{font-weight: 700;margin-top: 10px;color: #f3b827;font-size: 35px;}
.form-titles h3{font-weight: 700;margin-top: 10px;}
.form-titles h5{text-transform: uppercase;font-weight: 700;}
.preForm{max-width: 1000px;margin: 0 auto;}


/*Radio Madame Monsieur*/
.form-group h5{font-size: 11px;text-transform: uppercase;text-align: left;}
.form-group h5 label{color: #555555;font-weight: 500;}
.form-group .noPad{padding-left: 0;}
.form-group .checkbox-inline{padding-left: 0;}
.form-group .checkbox-inline input[type="radio"]{opacity: 0; position: fixed; width: 0; background-color: #f3b827;}
.form-group .checkbox-inline label{background-color: #ffebb9; color: #f3b827;padding: 6px 100px;font-size: 19px;font-weight: 700;border-radius: 20px;transition: color .5s ease-out;-webkit-transition: color .5s ease-out;}
.form-group .checkbox-inline label:hover{background-color: #f3b827;color: #fff; cursor: pointer;}
.form-group .checkbox-inline input[type="radio"]:checked + label{background-color: #f3b827;color: #fff;}

/*Input*/
.form-group.text{position: relative; margin: 40px 0 20px;}
.form-group.text .form-control{font-size: 18px;padding: 10px 10px 10px 5px;display: block;border: none;border-bottom: 1px solid #555555;-webkit-box-shadow: none;box-shadow: none;border-radius: 0px;color: #000;}
.form-group.text .form-control:focus{outline: none;border-color: inherit;box-shadow: none;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;border-bottom: 1px solid #f3b827;}
.form-group.text .form-control[disabled], .form-group.text .form-control[readonly]{background-color: inherit;border-bottom: 1px solid #b4b4b4;color: #000;}
.form-group.text .form-control[disabled] + label, .form-group.text .form-control[readonly] + label{color: #cdcdcd!important;}
.form-group.text .control-label {color: #000;font-size: 15px;font-weight: 500;position: absolute;pointer-events: none;left: 0px;top: 8px;padding-top:0;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}
.form-group.text.trio .noPad:nth-of-type(1), .form-group.text.trio .noPad:nth-of-type(2){padding-right: 23px;}
.form-group.text input.form-control:focus ~ .control-label{color: #f3b827;}
.form-group.text input:-webkit-autofill ~ .control-label, .form-group.text input:-webkit-autofill:hover ~ .control-label, .form-group.text input:-webkit-autofill:focus ~ .control-label, .form-group.text input:-webkit-autofill:active ~ .control-label{top: -20px;font-size: 11px;color: #555555;text-transform: uppercase;}
.form-group.text input.form-control:valid:not(:placeholder-shown):not(:focus) ~ .control-label, .form-group.text input.form-control:read-only:not(:placeholder-shown):not(:focus) ~ .control-label{color: #555555;}
.form-group.text input.form-control:valid:not(:placeholder-shown):not(:focus) + label + span:after, .form-group.text input.form-control:read-only:not(:placeholder-shown):not(:focus) + label + span:after{content: '\f00c';font-family: 'FontAwesome';position: absolute;top: 5px;right: 30px;color: #3ddb78;}
.form-group.text input.form-control:focus ~ .control-label,.form-group input.form-control:valid:not(:placeholder-shown) ~ .control-label, .form-group input.form-control:read-only:not(:placeholder-shown) ~ .control-label {top: -20px;font-size: 11px;color: #f3b827;text-transform: uppercase;}
.form-group.text h6{font-size: 10px;font-weight: 400;color: #555555;text-align: left;padding-left: 5px;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}


/*Erreur*/
.form-group.text input.form-control.error:not(:valid){border-bottom: 1px solid #fe0202;}
.form-group.text input.form-control.error + label{color: #fe0202; top: -20px;}
.form-group.text input.form-control.error + label + span:after{content: '\f00d';font-family: 'FontAwesome';position: absolute;top: 5px;right: 30px;color: #fe0202;}
.form-group .checkbox-inline .error + label{border: 1px solid #fe0202;}
.form-group.check input.error:before{border: 1px solid #fe0202;}

/*TextArea*/
.form-group.text textarea.form-control{border-left: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;border-top: 1px solid #e3e3e3;font-size: 14px;resize: none;}
.form-group.text textarea ~ .control-label{top: 0px;}
.form-group.text textarea.form-control:focus{border-color: #e3e3e3; border-bottom: 1px solid #f3b827;}
.form-group.text textarea.form-control:focus ~ .control-label {top: 0px;font-size: 11px;color: #f3b827;text-transform: uppercase;}
.form-group.text textarea.form-control:valid:not(:focus) ~ .control-label{color: #555555;font-size: 11px;text-transform: uppercase;}

/* animations */
@-webkit-keyframes inputHighlighter {
    from { background: #4285f4; }
    to   { width: 0; background: transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background: #4285f4; }
    to   { width: 0; background: transparent; }
}
@keyframes inputHighlighter {
    from { background: #4285f4; }
    to   { width: 0; background: transparent; }
}

/*Checkbox*/
.form-group.check{margin: 40px 0 20px;text-align: left}
.form-group.check label{font-size: 15px;font-weight: 500;padding-left: 0;color: #000;line-height: 22px;cursor: pointer;}
.form-group.check input{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.form-group.check .noPad{display: inline-block;text-align: left;}
.form-group.check input{position: relative !important;line-height: 22px;border: none;margin-right: 8px;}
.form-group.check input:before, .form-group.check input:after{content: '';cursor: pointer;}
.form-group.check input:before{border: 1px solid #555555;border-radius: 3px; width: 14px;height: 14px;display: inline-block;vertical-align: middle;}
.form-group.check input:after{background: #f3b827;width: 8px;height: 8px;position: absolute;top: 8px;left: 3px;transition: 300ms;opacity: 0;}
.form-group.check input:checked:after{opacity: 1;}
.form-group.check input:checked:before{border: 1px solid #f3b827;}
.form-group.check .reunionOui .display{display: block!important;visibility: visible!important;}
.form-group.check .reunionOui + div .form-group div{padding-left: 0;padding-right: 0;}
.form-group.check.certif .form-control{border: none; border-radius: 0;-webkit-box-shadow: none;box-shadow: none;}

/*Radio*/
.orange .form-group.check.radio input{margin-right: 7px;}
.orange .form-group.check.radio .group-radios label{margin-right: 30px;}
.form-group.check.radio input:before{border-radius: 20px;}
.form-group.check.radio input:after{border-radius: 20px;}
.form-group.check.radio .group-radios{margin-top: 10px;}
.form-group.check.radio .group-radios input{margin-left: 0;margin-right: 0;}
.form-group.check.radio #niveau_enseignement + .group-radios label{margin-right: 30px;}
.form-group.check.radio .questionnaire{margin-bottom: 30px;}
.form-group.check.radio .questionnaire .noPad{margin-top: 15px;}
.form-group.check.radio .questionnaire .noPad .group-radios{margin-top: 0;}
.form-group.check.radio .group-radios input[disabled]:before, .form-group.check.radio .group-radios input[disabled]:after {cursor: not-allowed;}
.form-group.check.radio .group-radios input[disabled] + label{color: #e3e3e3;}
.form-group.check.radio .disabled{color: #e3e3e3;}
input[type=radio][readOnly]{background-color: inherit;color: inherit;}

/*Mentions*/
.labelLike{font-size: 12px;color: #555555;}
.labelLike a{color: #555555;}
.suivi-demande label, .suivi-demande li.control-label{color: #000; font-size: 13px;line-height: 22px;}


/*Bouton*/
.form-group .form-buttons .btn-enregistrer, .form-group .form-buttons #btn_annulation_dossier{background-color: #ffebb9;color: #f3b827;border-color: #ffebb9;}
.form-group .form-buttons .btn-enregistrer:hover, .form-group .form-buttons #btn_annulation_dossier:hover{background-color: #bb8e1f;  color: #fff;border-color: #bb8e1f;}
.form-buttons .btn-primary, .form-group .btn-primary, .btn-block .btn-primary, .form-group .btn-success, .form-group .btn-info{background-color: #f3b827;border-radius: 20px;border-color: #f3b827;font-size: 19px;font-weight: 700;margin-bottom: 15px;}
.form-group .btn-sm{font-size: 12px;margin-top:10px;}
.form-buttons .btn-danger{ border-radius: 20px;font-size: 19px;font-weight: 700;margin-bottom: 15px; }
.form-buttons .btn-primary:hover, .form-buttons .btn-primary:active, .form-buttons .btn-primary:focus,
.form-group .btn-primary:hover, .form-group .btn-primary:active, .form-group .btn-primary:focus,
.btn-block .btn-primary:hover, .btn-block .btn-primary:active, .btn-block .btn-primary:focus,
.form-group .btn-success:hover, .form-group .btn-success:active, .form-group .btn-success:focus,
.form-group .btn-info:hover, .form-group .btn-info:active, .form-group .btn-info:focus {background-color: #bb8e1f;border-color: #bb8e1f;}
.form-buttons .btn-primary[disabled], .form-group .btn-primary[disabled], .form-group .btn-success[disabled]{background-color: #bfae84;border-color: #bfae84;color: #fff;}
.inscription-credit-ects + .btn-block{margin-top: 25px;}

a.glyphicon-pencil{color: #ff7a40;}


/*Autocomplete*/
.ui-state-focus, .yellow .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{background: #f3b827;color: #fff;border: 1px solid #f3b827;}
.widget{max-width: 785px;width: 100%;}
.ui-autocomplete{max-height: 155px;padding-right: 10px;}
.ui-widget-content{border: 1px solid #5555552b;box-shadow: 0 0 6px 0 #5555552b;z-index: 99 !important;}
.ui-menu-item{font-size: 18px;font-family: 'Red Hat Display', sans-serif;}
.ui-menu .ui-menu-item{padding:5px 1em 5px 1.1em;text-align: left;}

/* dialog ui */

.ui-dialog {
    z-index:1001 !important;
}
.ui-widget-overlay {
    z-index: 1000 !important;
}

.ui-widget-overlay {
    background: #666 !important;
}
.ui-widget {
    font-family: 'Red Hat Display', sans-serif!important;
}

/*Datepicker*/
body .ui-datepicker-title .ui-datepicker-month, body .ui-datepicker-title .ui-datepicker-year{color: #000;}
body .ui-datepicker-calendar .ui-state-default{color: #000;}
body .ui-datepicker-calendar .ui-state-default.ui-state-hover{color: #000;border: 1px solid #000;}
body .ui-datepicker .ui-datepicker-title select{margin: 1px 2px;}
.yellow .ui-datepicker-header.ui-widget-header{border: 1px solid #f3b827;background: #f3b827;}
.yellow .ui-datepicker-header .ui-state-hover{border: 1px solid #b99231; background: #b99231;}
.yellow .ui-datepicker-title select.ui-datepicker-month, .yellow .ui-datepicker-title select.ui-datepicker-year{border: 2px solid #ffebb9;}
.yellow .ui-datepicker-calendar .ui-state-default{border: 1px solid #f3b827;background: #f3b827;}
#inscriptions .form-group.text #fos_user_registration_form_dateNaissance[readonly] {cursor: pointer;}

/*Select*/
.form-group.text select.form-control{padding: 0;}
.form-group.text select + .chosen-container.chosen-with-drop ~ .control-label{color: #f3b827;}
.form-group.text select + .chosen-container.chosen-with-drop ~ .control-label{top: -20px;font-size: 11px;color: #f3b827;text-transform: uppercase;}
.form-group.text select:checked + .chosen-container ~ .control-label{top: -20px;font-size: 11px;color: #555555;text-transform: uppercase;}
.form-group.text select + .chosen-container-single.chosen-with-drop .chosen-single{border-bottom: 1px solid #f3b827;}
.form-group.text select ~ .valid{top: -20px;font-size: 11px;color: #555555;text-transform: uppercase;}
.form-group.text .chosen-container-single .chosen-single abbr{background: url(images/chosen-sprite-green-cross.png) no-repeat;}

.form-group.text select + .chosen-container-single .chosen-single{border: none; border-bottom: 1px solid #555555;background-color: inherit;background: none;-webkit-box-shadow: none;box-shadow: none;background-clip: inherit;border-radius: 0px;padding: 0;}
.form-group.text select + .chosen-container-single .chosen-single div b{background: none;background-image: none!important;}
.form-group.text select + .chosen-container-single .chosen-single div b:after{content: '\f107';font-family: 'FontAwesome';}
.form-group.text select + .chosen-container .chosen-results {color: #000;padding: 0;margin: 0;padding-right: 10px; overflow-y: hidden;}
.form-group.text select + .chosen-container .chosen-results li{padding: 5px 10px 5px 10px;font-size: 14px;font-family: 'Red Hat Display', sans-serif;line-height: 25px;}
.form-group.text select + .chosen-container .chosen-results li.highlighted{background-color: #f3b827;background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#f3b827),color-stop(90%,#f3b827));background-image: linear-gradient(#f3b827 20%,#f3b827 90%);color: #fff;}
.form-group.text select + .chosen-container-single .chosen-drop{margin-top: 0px;}
.form-group.text select + .chosen-container-single .chosen-single span{padding-left: 5px;color: #000;font-size: 18px;}
.form-group.text select + .chosen-container-single .chosen-drop .chosen-results{max-height: 155px;}

.form-group.text select + .chosen-disabled ~ label{color: #e3e3e3;}
.form-group.text select + .chosen-disabled .chosen-single{cursor: not-allowed;}


/*Étape formulaire*/
.form-steps{width: 100%;clear: both;}
.form-steps:before, .form-steps:after{display: table;content: "";}
.form-steps:after {clear: both;}
.form-steps__step{width: 20%;float: left;padding: 1rem;text-align: center;position: relative;}
.form-steps__step:hover, .form-steps__step:focus{text-decoration: none;}
.form-steps__step:after {content: "";background: #e3e3e3;height: .2rem;top: 3rem;left: 63%;width: 75%;display: block;position: absolute;z-index: 1;}
.form-steps__step--last:after {display: none;}
.form-steps__step--active .form-step__step-name{font-weight: 800;}
.form-steps__step--active .form-steps__step-circle {border: 2px solid #f3b827;color: #f3b827;}
.form-steps__step--completed .form-steps__step-circle {border: 2px solid #f3b827;color: #f3b827;}
.form-steps__step--completed .form-steps__step-check {display: inline-block;}
.form-steps__step-circle {border: 2px solid #e3e3e3;border-radius: 50%;height: 42px;width: 42px;text-align: center;color: #e3e3e3;margin: 0 auto;position: relative;z-index: 3;line-height: 38px;}
.form-steps__step-number{font-size: 23px;font-weight: 700;}
.form-step__step-name {margin-top: .8rem;display: inline-block;font-size: 11px;line-height: 1.4rem;text-transform: uppercase;font-weight: 600;color: #e3e3e3;max-width: 70%;}
.form-steps__step--active .form-step__step-name, .form-steps__step--completed .form-step__step-name{color: #555555;}


/*Etape formulaire version suivi*/
.form-steps.suivi .form-steps__step-circle{height: 55px;width: 100px;line-height: 15px;border-radius: 30%;background-color: #e3e3e3;}
.form-steps.suivi .form-steps__step-circle .form-steps__step-number{font-size: 13px;font-weight: 600;color: #555555;text-transform: uppercase;margin-top: 10px;}
.form-steps.suivi .form-steps__step--active .form-steps__step-number{font-weight: 700;color: #fff;}
.form-steps.suivi .form-steps__step--active .form-steps__step-circle{background-color: #f3b827;}
.form-steps.suivi .form-steps__step .form-step__step-name{font-size: 45px;color: #555555;}
.form-steps.suivi .form-steps__step--active .form-step__step-name{color: #f3b827;}
.form-steps.suivi .form-steps__step:after{top: 8rem;left: 50%;width: 100%;z-index: -1;}
.form-steps.suivi .form-steps__step--completed .form-steps__step-circle{border-color: #e3e3e3;}

/*Popup*/
.ui-dialog.ui-corner-all{border-radius: 20px;}
.ui-dialog .ui-widget-header{border: none; background: inherit;color: #000;}
.ui-dialog .ui-state-default, .ui-dialog .ui-widget-content .ui-state-default, .ui-dialog .ui-widget-header .ui-state-default{background: #ff7a40;border: 1px solid #ff7a40;}
.ui-dialog .ui-state-focus, .ui-dialog .ui-widget-content .ui-state-focus, .ui-dialog .ui-widget-header .ui-state-focus{color: #fff;border: 1px solid #ff7a40;}
.ui-dialog .ui-state-hover, .ui-dialog .ui-widget-content .ui-state-hover, .ui-dialog .ui-widget-header .ui-state-hover{color: #fff;border: 1px solid #ff7a40;}


/*Etape Récapitulatif*/
.dossier-step{margin-bottom: 50px;}
.dossier-step .etapeCursus{font-size: 17px; color: #000;margin-top: 30px;}
.dossier-step .form-group:nth-of-type(2) .etapeCursus:first-child{margin-top:0;}
.recap-group{margin-top: 20px;}
.recap-group .control-label{width: 100%;font-size: 11px;text-transform: uppercase;color: #555555;}
.recap-group .sgec-recapitulatif{font-size: 18px;padding: 5px 10px 0px 5px;display: block;border-bottom: 1px solid #555555;color: #000;text-align: left;min-height: 31.7px;}
#form_soumission.form-horizontal{max-width: 1000px;}
.yellow #form_soumission.form-horizontal .form-group.bd-top{border-top: 3px solid #f3b827;}
.orange #form_soumission.form-horizontal.bd-top{border-top: 3px solid #ff7a40;}
.yellow #form_soumission.form-horizontal .sgec-recapitulatif-caption{color: #f3b827;}
.orange #form_soumission.form-horizontal .sgec-recapitulatif-caption{color: #ff7a40;}
.yellow #form_soumission.form-horizontal .sgec-recapitulatif-caption.black{color: #000;}
.yellow #form_soumission #documents{border-bottom: 3px solid #f3b827;}
.orange #form_soumission #documents{border-bottom: 3px solid #ff7a40;}
#documents input[type=file]{display: none;}
#documents input[type=file] + .custom-file-upload{border-radius: 20px;font-size: 16px;font-weight: 500;border: 1px solid #000;padding: 6px 50px;color: #000;}
#documents input[type=file] ~ .file-name {font-size: 11px;color: #555555;font-weight: 400;width: 100%;}

/*Orange*/
    /*Étape formulaire*/
    .orange .form-steps .form-steps__step{width: 16%;}
    .orange .form-steps .form-steps__step--active .form-steps__step-circle {border: 2px solid #ff7a40;color: #ff7a40;}
    .orange .form-steps .form-steps__step--completed .form-steps__step-circle {border: 2px solid #ff7a40;color: #ff7a40;}
    .orange .alert-info {color: #000;background-color: #ffdfd3;border-color: #ffdfd3;}

    /*Select*/
    .orange .form-group.text select + .chosen-container.chosen-with-drop ~ .control-label{color: #ff7a40;}
    .orange .form-group.text select + .chosen-container-single.chosen-with-drop .chosen-single{border-bottom: 1px solid #ff7a40;}
    .orange .form-group.text select + .chosen-container .chosen-results li.highlighted{background-color: #ff7a40;background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%, #ff7a40),color-stop(90%,#ff7a40));background-image: linear-gradient(#ff7a40 20%,#ff7a40 90%);color: #fff;}

    /*Autocomplete*/
    .orange .ui-widget-content .ui-state-focus {background: #ff7a40!important;border: 1px solid #ff7a40!important;}

    /*Datepicker*/
    .orange .ui-datepicker-header.ui-widget-header{border: 1px solid #ff7a40;background: #ff7a40;}
    .orange .ui-datepicker-header .ui-state-hover{border: 1px solid #a5502b; background: #a5502b;}
    .orange .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker-title select.ui-datepicker-year{border: 2px solid #a5502b;}
    .orange .ui-datepicker-calendar .ui-state-default{border: 1px solid #ff7a40;background: #ff7a40;}


    /*Bouton*/
    .orange .form-group .form-buttons .btn-enregistrer{background-color: #ffdfd3;color: #ff7a40;border-color: #ffdfd3;}
    .orange .form-group .form-buttons .btn-enregistrer:hover{background-color: #ff7a40;  color: #fff;border-color: #ff7a40;}
    .orange .form-buttons .btn-primary, .orange .btn-block .btn-primary{background-color: #ff7a40;border-color: #ff7a40;}
    .orange .form-buttons .btn-primary, .orange .form-group .btn-primary, .orange .btn-block .btn-primary, .orange .form-group .btn-success{background-color: #ff7a40;border-color: #ff7a40;}
    .orange .form-buttons .btn-primary:hover, .orange .form-buttons .btn-primary:active, .orange .form-buttons .btn-primary:focus,
    .orange .form-group .btn-primary:hover, .orange .form-group .btn-primary:active, .orange .form-group .btn-primary:focus,
    .orange .btn-block .btn-primary:hover, .orange .btn-block .btn-primary:active, .orange .btn-block .btn-primary:focus,
    .orange .form-group .btn-success:hover, .orange .form-group .btn-success:active, .orange .form-group .btn-success:focus,
    .orange .form-group .btn-info:hover, .orange .form-group .btn-info:active, .orange .form-group .btn-info:focus {background-color: #a5502b;border-color: #a5502b;}

    /*Checkbox + Radio*/
    .orange .form-group.check input:after{background: #ff7a40;}
    .orange .form-group.check input:checked:before{border: 1px solid #ff7a40;}

    /*Input*/
    .orange .form-group.text .form-control:focus{border-bottom: 1px solid #ff7a40;}
    .orange .form-group.text input.form-control:focus ~ .control-label{color: #ff7a40;}
    .orange .form-group.text input.form-control:focus ~ .control-label, .orange .form-group input.form-control:valid:not(:placeholder-shown) ~ .control-label, .orange .form-group input.form-control:read-only:not(:placeholder-shown) ~ .control-label{color: #ff7a40;}

    /*Radio Madame Monsieur*/
    .orange .checkbox-inline input[type="radio"]{background-color: #ff7a40;}
    .orange .checkbox-inline label{background-color: #ffdfd3; color: #ff7a40;}
    .orange .checkbox-inline label:hover{background-color: #ff7a40;color: #fff;}
    .orange .checkbox-inline input[type="radio"]:checked + label{background-color: #ff7a40;}

    /*Titres*/
    .orange .form-titles hr{border: 3px solid #ff7a40;}
    .orange .form-titles h2{color: #ff7a40;}

    /*Cursus 2*/
    .orange .cursus div .etapeCursus h2{margin-bottom: 35px;}
    .orange .cursus div .etapeCursus{border-bottom: 3px solid #ff7a40; border-radius: 0!important;}
    .orange .cursus div div:first-child .etapeCursus:nth-of-type(1){border-top: 3px solid #ff7a40;}

    .popover-title{
        font-weight: bold;
    }
    .popover-content a{
        color: #000;
    }
    .popover-content p{
        font-style: italic;
        line-height: 14px;
        padding-left: 10px;
    }

.espace-telechargement .add-document{
    max-width: 1000px;
    margin: 20px auto;
    text-align: left;
}
.espace-telechargement .add-document .panel-heading{
    font-weight: bold;
    background-color: #ffdfd3;
    color:#ff7a40;
}
.espace-telechargement .add-document label,
.espace-telechargement .maj-document label {
    color: #555555;
    text-transform: uppercase;
    font-weight: normal;
}
.espace-telechargement .add-document button,
.espace-telechargement .maj-document button{
    background-color: #ff7a40;
    border-color: #ff7a40;
    color: white;
    border-radius: 20px;
}
.espace-telechargement .add-document button:hover,
.espace-telechargement .add-document button:focus,
.espace-telechargement .maj-document button:hover,
.espace-telechargement .maj-document button:focus{
    background-color: #a5502b;
    border-color: #a5502b;
}
.espace-telechargement .maj-document button.btn-danger{
    background-color: #d9534f;
    border-color: #d9534f;
}
.espace-telechargement .maj-document button.btn-danger:hover,
.espace-telechargement .maj-document button.btn-danger:focus{
    background-color: #c9302c;
    border-color: #c9302c;
}
.espace-telechargement .add-document .help-block,
.espace-telechargement .maj-document .help-block {
    font-weight: bold;
    font-size: 11px;
}
/* Remove borders */
.espace-telechargement .add-document .no-border,
.espace-telechargement .maj-document .no-border {
    border: 0px !important;
}
/* Remove padding */
.espace-telechargement .add-document .no-padding,
.espace-telechargement .maj-document .no-padding {
    padding: 0px !important;
}

.espace-telechargement .maj-document .collapse{
    padding: 25px 0;
    /*background-color: #f5f5f5;*/
}

.espace-telechargement .maj-document th{
    text-align: center;
    background-color: #ffdfd3;
    color:#ff7a40;
}

@media screen and (max-width: 1716px) {
    .form-group .checkbox-inline label {padding: 6px 30px;}
    .orange .form-steps__step:after{left: 66%;width: 65%;}
}
@media screen and (max-width: 1300px) {
    .background-header-form ~ div .colonne-visu img{display: none;}
    #wrapper-body + div{width: 100%;}
    div#accueil-login, div#inscriptions{max-width: 100%;}
    .round-bg, #accueil-global-body .parcours{margin-bottom: 30px!important;}
}

@media screen and (max-width: 1010px) {
    .background-center:after{font-size: 11px;top: 13px;}
    .background-header-form ~ div .colonne-visu .backHome{max-width: 100%;}
}
@media screen and (max-width: 768px) {
    .form-group.text{margin: 20px 0;}
    .form-group .noPad{margin: 10px 0;}
    .form-group .marg-resp{margin: 0 0 35px 0;}
    .background-center:after{display: none;}
    .background-center ul{width: 80%;}
    #bottom a{font-size: 11px;}
    .group-radios .control-label{padding-top: 7px;}
    #documents input[type=file] + .custom-file-upload{padding: 6px 20px;}
}
@media screen and (max-width: 710px) {
    #accueil-global-body .parcours{flex-direction: column;}
    #accueil-global-body .parcours .parcours_1{margin-bottom: 60px;}
    .background-header-form .user-actions{min-width: inherit;}
}

@media screen and (max-width: 620px) {
    .form-steps__step:after{width: 67%;left: 66%;}
    #niveau_enseignement + .group-radios{display: inline-flex;}
    .orange .form-steps__step:after{left: 70%;width: 55%;}
}
@media screen and (max-width: 490px) {
    .home-titles h1, #accueil-global-body .titles h1{font-size: 40px;}
    .home-titles h3, .home-titles{font-size: 14px;}
    div#accueil-login h2{font-size: 25px;}
    .form-titles h2{font-size: 25px;}
    .form-titles h3{font-size: 18px;}
    .form-steps__step:after{width: 57%;left: 70%;}
    .form-step__step-name{font-size: 9px;}
    .orange .form-steps__step:after{display: none;}
    .form-group.text .form-control, .form-group.text .control-label{font-size: 12px;}
    .form-group.check label{font-size: 14px;}
}

@media screen and (max-width: 425px) {
    .form-group .checkbox-inline label{font-size: 15px;}
    .background-center ul{padding-left: 0;width: 100%;}
}
@media screen and (max-width: 385px) {
    .form-group .checkbox-inline label {padding: 6px 15px;}
    .form-group .checkbox-inline label{font-size: 12px;}
    .form-steps__step:after{display: none;}
    .form-steps__step{padding: 0;}
    .form-step__step-name{max-width: 100%;}

    .form-steps__step-circle{width: 32px;height: 32px;line-height: 30px;}

}