* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html body {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}
body{
    position: relative;
    min-height: 100vh;
    overflow-x:hidden;
    background-color: #faf9f4 !important;
}

form >p:last-child{
    display: none;
}

#head-title{
    margin-bottom: 1rem;
    color: white;
    padding: 0.8rem 15px;
}

.banniere{
    background-color: #424345;
    width: 100%;
}
.banniere h3{
    margin: 0;
}


nav img {
    width: 20rem;
}

.btn-base {
    color: #fff !important;
    background-color: #007ca5 !important;
    border-color: #007ca5 !important;
    font-weight: 300 !important;
    letter-spacing: 0.05em !important;
    border-radius: .125rem !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    transition: all .3s ease !important;
    position: relative;
}

.btn-base:hover, .btn-base:active, .btn-base:focus, .btn-base.active {
    background: #0097c9 !important;
    color: #ffffff !important;
    border-color: #0097c9 !important;
    
}

a.btn-base{
  
    padding-right: 3rem;
}

footer {
    background-color: #424345;
    height: 4rem;
    bottom: 0;
    width: 100%;
}

footer div p {
    color: white;
    text-align: center;
    font-size: 0.8rem;
}

main{
	padding-bottom: 8rem;
}

button.btn-link{
    color: black;
}

button.btn-link:hover, button.btn-link:active, button.btn-link:focus{
    color: #003b4e;
    text-decoration: none;
}

.accordion > .card{
    border-radius: 0;
}
.accordion {
    margin-top: 1.8rem;
}
.card-header{
    background-color: #fff !important;
    border-bottom: 1px solid #ddd !important;
}

a{
    color: #007ca5 !important;
}
a:hover{
    color: #003b4e !important;
}
a.btn{
    text-transform: uppercase;
    font-weight: 400 !important;
    font-size: 0.8rem;
}

#bouton_soumettre{
    text-transform: uppercase;
    font-weight: 400 !important;
    font-size: 0.8rem;
}
#chang_langue a {
    text-transform: uppercase;
    padding: .3rem .5rem;
    border: 1px solid #007ca5;
    border-radius: .125rem;
    text-decoration: none;
    font-weight: 400;
    transition: all .3s ease;
}

#chang_langue a:hover {
    background-color: #007ca5;
    color: white !important;
}

h2 button p{
    margin: 0 0 0 1rem;
}
input[type="button"], input[type="submit"]{
    background-color: transparent;
    border: none;
    color: white;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 400 !important;
}
#console{
    display: none;
}



.autocomplete{
    position: relative;
}
.autocomplete ul{
    position: absolute;
    border: 1px solid rgb(194, 194, 194);
    border-radius: 0 0 .125rem .125rem;
    padding: .125rem;
    background-color: white;
    z-index: 2;
    width: 100%;
}
#LIEU_ORIGINE_MULTI_AC1{
    position: relative;
    z-index: 3;
}
.autocomplete ul li{
   padding: .125rem;
   color: #495057;
}
.autocomplete ul li:hover{
    background-color: rgb(218, 218, 218);
    
}

.description p{
    font-size: 0.8rem;
    margin: 0;
}

.jumbotron ul{
    display: flex;
    width: 100%;
    list-style: none;
}

.breadcrumb > li{
    padding-right: 5px;
}

body .breadcrumb{
    border-radius: .2rem;
    background-color:#e9ecef ;
}

input[type="radio"]:not(:checked), input[type="radio"]:checked{
    display: none !important;
}

input[type="radio"] + label {
    display: inline-block;
    padding: 0.5rem 1rem;
    cursor: pointer;
    border: 0.5px solid transparent;
    border-radius: 0rem;
    color: black;
    background-color: white;
    margin-bottom: 10px;
    font-size: 1.2rem;
    transition: background-color 0.3s ease;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.068),0 4px 15px 0 rgba(0, 0, 0, 0.068);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.068),0 4px 15px 0 rgba(0, 0, 0, 0.068);
}

input[type="radio"] + label:hover {

    background-color: #007ca5;
    color: white;
}

input[type="radio"]:checked + label {
    color: white;
    background-color: #007ca5;
    border: 0.5px solid transparent;
    
}




input[type="checkbox"]{
    height: 0;
    width: 0;
    visibility: hidden !important;
}

input[type="checkbox"] + label {
    cursor: pointer;
    text-indent: -9999px;
    min-width: 4rem;
    min-height: 2rem;
    background: white;
    display: block;
    border-radius: 90px;
    position: relative;
}

input[type="checkbox"] + label:after{
    content: '';
    position: absolute;
    top: .125rem;
    left: .125rem;
    width: 1.7rem;
    height: 1.7rem;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}

input[type="checkbox"]:checked + label {
    background: #007ca5;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}

input[type="checkbox"]:checked + label:after {
    left: calc(100% - .125rem);
    transform: translateX(-100%);
}

input[type="checkbox"] + label:active:after {
    width: 2rem;
}

.formation{
    min-width: 12rem !important;
}

#ajoutBouton{
    position: absolute;

    padding-right: 2rem;
}

label[for="copieDomicile"] + small{
    margin-left: 1rem;
}

input[type="radio"] + label{
    border-radius: 0rem;
}
.alert{
    border: 1px solid red !important;
}

.section1{
    background-color: #e3e5e9;
    padding: 1rem;
    border-radius: .2rem;
    margin-bottom: 3rem;
}

#section2{
    margin-top: 2rem;
}

nav.navbar{
    background-color: #faf9f4 ;
}



textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="file"]:focus,
.uneditable-input:focus,
select:focus { 
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #006080 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 .2rem #003b4e6b !important;
}

body .container .section1 input#DOCUMENT1:focus{
    
    border-color: #006080 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 .2rem #003b4e6b !important;
}


textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
select, .customized-option{
    font-weight: 300 !important;
 }

#p_bouton input{
    position: relative;
    padding: .6rem .75rem;
    padding-right: 3.3rem;
    z-index: 2;
}
#p_bouton{
    padding: 0;
    position: relative;
}

#label-switch{
    margin:0 0.6rem 0 0 !important;
}

#EN_COURS1{
    display: none;
}

.switcho{
    min-height: 38px;
}

.champObli{
    font-size: .8rem;
}

#nvErreurs li{
    list-style: none;
    font-size: .8rem;
    
}

#nvErreurs ul{
    display: flex;
    flex-direction: column;
    margin: 0;
}

.form-control, .custom-select{
    border-radius: 0 !important;
}

.form-control[readonly]:focus{
    background-color: #e9ecef !important;
    border: 1px solid #ced4da !important;
    box-shadow: 0 0 0 0 !important;
}

label + input{
    font-weight: 400;
}

#titreEtudes label{
    font-weight: 300 !important;
}

html body .container label{
    font-size: 0.8rem ;
    font-weight: 400;
    
}

.arrow .line {
    fill: none;
    -webkit-transition: stroke .35s,stroke-dasharray .35s,stroke-dashoffset .35s,-webkit-transform .35s;
    transition: stroke .35s,stroke-dasharray .35s,stroke-dashoffset .35s,-webkit-transform .35s;
    transition: transform .35s,stroke .35s,stroke-dasharray .35s,stroke-dashoffset .35s;
    transition: transform .35s,stroke .35s,stroke-dasharray .35s,stroke-dashoffset .35s,-webkit-transform .35s;
        transition-delay: 0s, 0s, 0s, 0s, 0s;
    stroke: white;
    stroke-width: 6.5;
    stroke-linecap: square;
    stroke-linejoin: round;
}

.arrow--default .line {
    stroke-dasharray: 61 200;
    stroke-dashoffset: -136px;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}

.arrow--default .line:first-of-type {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
.arrow--default--active .line, .arrow--default:hover .line, .big-link:focus .line, .big-link:hover .line, .btn:hover .arrow--default .line, .fancy-grid__item:hover .fancy-grid__flag .line, .fancy-grid__item a:focus .fancy-grid__flag .line, .mainmenu .mainmenu__list a.navy__back:hover svg .line, .select:hover .select__icon .line {
    stroke-dasharray: 30 200;
    stroke-dashoffset: 0;
}
.arrow {
    display: inline-block;
    position: absolute;
    right: 0;
    top:0;
    height: 2.5em;
    line-height: 1;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s,-webkit-transform .35s;
}

.btn__icon {
    margin: 0 0rem 0 0;
    width: 3rem;
}

.btn-base input{
    padding-top: .1rem;
}

.footer-m{
    margin: 0;
}

footer a:hover{
    color: white !important;
}

.form-control:invalid, .custom-select:invalid {

    
    box-shadow: none;
}

.section1 .custom-file-label{
    top:auto;
    border-radius: 0;
    display: grid;
    align-items: center;
    height: 100%;
}
.section1 .custom-file-label:after{
    border-radius: 0;
    height: 100%;
    display: grid;
    align-items: center;
    background-color: #007ca1;
    color: white;
    cursor: pointer;
    border-color: #007ca1;
    font-weight: 400;
}

.custom-file{
    overflow: hidden;
}

.cr-rotate{
    padding: .5rem 1rem;
    margin-bottom: 1rem;
}

.prtl-crop-buttons{
    margin-bottom: 1rem;
}


.prtl-crop-button{
    padding: .5rem 1rem;
}

.container .banniere{
    border-radius: .2rem;
}

@media only screen and (max-width: 600px) {
    .breadcrumb li{
        font-size: .8rem;
    }
  }