header.login
{
    background:#F8E85D;
}


header.login a:first-child {
    position: relative;
    left: 50%;
    margin-left: -100px;
    background: transparent;
}

nav#main_menu {
    /* justify-content: flex-start; */ 
}

header nav span.items {
    justify-content: flex-start;
}

nav a {
    margin: 0 10px;
    padding: 0 20px;
}

div#menu_user {
    right: 50px;
}

.in {
    max-width: 1200px;
    padding: 0 20px 50px 20px;
    width: calc(100% - 40px);
    margin: auto;
    box-sizing: border-box;
    /* padding-top: 50px; */
    min-height: calc(100vh - 169px);
    margin-top: 50px;
}

html {
    background: black;
}

a.btn.pull-right {
    float: right;
}

a.cv {
    border-bottom: solid 1px #e3e4e5;
    display: block;
    padding: 35px 0;
    text-decoration: none;
    display: flex;
    padding: 22px;
    border-top: solid 1px #e3e4e5;
    position: relative;
    align-items: center;
    color: black;
    flex-wrap: wrap;
}

.cv b {
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    color: #070B0F;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 0;
    display: block;
}

a.cv img {
    display: block;
    width: 60px;
    border-radius: 100%;
    margin-right: 20px;
    background: #eee;
    height: 60px;
    margin: 10px 20px 10px 0;
}

a.cv span.i {
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    color: #617080;
    background: #F7F9FA;
    margin-right: 10px;
    padding: 10px 10px;
    border-radius: 5px;
    text-align: center;
}

h1 {
    padding-bottom: 25px;
    margin-top: 40px;
}

a.cv span.o {
    flex-grow: 1;
}

#pdf .footer {
    display: flex;
    justify-content: center;
}

.footer button.pull-right {
    flex-grow: 1;
}

a.btn.pull-right.danger {
    background: #F1634A;
    font-weight: bolder;
}

button.danger.pull-right {
    background: #F1634A;
}

div#popup {
    display: none;
    width: 100%;
    height: 100vh;
    background: #222d38;
    top: 0;
    left: 0;
    z-index: 9999;
    position: fixed;
    overflow: scroll;
    align-items: center;
    justify-content: center;
}

.inpopup {
    background: white;
    position: relative;
    background: #F7F9FA;
}

.inpopup a.close {
    position: absolute;
    top: 37px;
    right: 20px;
    color: black;
    border-color: black;
}

.inpopup h2 {
    font-weight: bold;
    font-size: 30px;
    line-height: 39px;
    /* identical to box height */
    letter-spacing: -0.03em;

    /* Tangaroa */
    color: #070B0F;
    padding: 37px 55px;
    background: white;
    border-bottom: solid 1px #d9d7d7;
}

.inpopup label {
    padding: 35px 54px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height */


    /* Tangaroa */
    color: #070B0F;
}

.inpopup textarea {
    margin: 0 54px;
    box-sizing: border-box;
    width: calc(100% - 108px);
}

.inpoup .footerRefus {
    display: block;
    border-top: solid 1px #d3d3d3;
    width: 100%;
}

.inpopup .footerRefus {
    display: block;
    margin-top: 20px;
    border-top: solid 1px #dbdada;
    text-align: right;
}


.footerRefus button.danger {
    display: inline-block;
    margin-right: 54px!important;
    background: #eb3f3f;
    width: auto;
    margin-top: 20px!important;
    margin-bottom: 20px!important;
}


a.cv span.i.vert {
    color: #0FAE94;
    background: #e3f3f0;
}

a.cv span.i.rouge {
    color: #f1634a;
    background: #ffeeeb;
}

.footer span {
    flex-grow: 1;
    text-align: center;
    font-weight: bolder;
}

a.o {
    display: flex;
    padding: 22px;
    border-top: solid 1px #e3e4e5;
    position: relative;
    align-items: center;
    color: black;
    text-decoration: none;
}

a.o b {
    display: block;
    flex-grow: 1;
}

a.o span {
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    color: #617080;
    background: #F7F9FA;
    margin-right: 10px;
    padding: 10px 10px;
    border-radius: 5px;
    text-align: center;
}


.checkboxZoneGeo div {
    width: 24%;
    display: inline-block;
}

div#zoneGeoGroupe {
    position: relative;
}

div#ZoneGeo {
    min-width: 100%;
    max-height: 80vh;
}

div#ZoneGeo input {
    display: none;
}

div#ZoneGeo b {
    padding: 10px;
    font-size: 14px;
}

div#ZoneGeo > div > div > div {
    width: 200px;
    display: inline-block;
}

div#ZoneGeo > div > div {
    display: flex;
    flex-wrap: wrap;
}


#ZoneGeo div:first-child b {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}


#ZoneGeo b {
    color: #0175ff;
}

.offres input, .offres select {
    max-width: 100%;
}

.offres .flex {
    display: flex;
    align-items: baseline;
    justify-content: stretch;
    /* flex-wrap: wrap; */
}

.offres .flex > div {
    margin: 0;
}


.offres .flex > div {
    flex-grow: 1;
    margin-right:10px;
    margin-top:20px;
    width: 100%;
}
.offres .flex > div:last-child {
    margin-right:0;
}


span.select2.select2-container.select2-container--default.select2-container--focus {
    /* height: 52px; */
}

.main .form.offre span.selection {
    height: 20px;
    line-height: 1;
    padding: 0;
    margin: 0;
}

li.select2-search.select2-search--inline {
    display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #5896fb;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {}


.select2-container--default .select2-results__option[aria-selected=true] {
    background: transparent!important;
    color: #0175ff;
    font-weight: bolder;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #0175ff!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #c8e0fd!important;
    border: none!important;
    padding: 7px 10px!important;
    font-weight: normal;
    color: #006ced;
    padding-right: 0!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #0175ff!important;
    padding: 0 5px;
    margin: 0!important;
    float: right;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    opacity: 1;
}

li.select2-selection__choice:hover .select2-selection__choice__remove {
    opacity: 1;
}

.select2-container--default .select2-selection--multiple {
    min-height:40px;
   
}

@media screen and (max-width:780px)
{
    .offres .flex
    {
        flex-direction:column;
    }

    .offres .flex > div
    {
        margin-right:0;
    }
}

.action {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #070b10;
    align-items: center;
    justify-content: flex-end;
    height: 60px;
}

.action button {
    margin: 0 20px;
    /* margin-right: 20px; */
}

span.inp {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-width: 50px;
    min-height: 80px;
    cursor: default;
}

.form-row {
    padding: 10px 0;
}

.pj {
    display: inline-block;
    margin: 5px 5px 0 0;
    font-size: 12px;
    padding: 2px 5px;
    background: #eee;
    border-radius: 5px;
}

.form-row input {
    margin-bottom: 0;
}

span.contact {
    text-align: center;
}

.part h2 {
    background: black;
    color: #fcea0d;
    font-weight: bolder;
    text-transform: uppercase;
    padding: 5px 10px;
    width: auto;
    display: inline-block;
}

.offres .flex > div {
    margin-top: 0;
}

span.btn.btn-secondary {
    background: #939393;
}

button.btn {
    width: auto;
    flex-grow: none;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #bdc9d3 1px;
    outline: 0;
}

input#alumni_offre_Fichier {
    padding: 7px;
}

.in.flex {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: stretch; */
}

.titre.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.titre.flex select.form-control {
    margin: 0;
}

.alumnilist {
    display: flex;
    gap: 55px 20px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.alumnilist a img {
    display: block;
    width: 126px;
    height: 126px;
    background: #c1bdbd;
}

a .titre {
    color: var(--Tangaroa, #070B0F);
    /* font-family: "HK Grotesk"; */
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.15px;
    text-decoration: none;
    margin-top: 15px;
    display: block;
}

.alumnilist a {
    text-decoration: none;
    word-break: break-word;
}

a .titre small {
    color: var(--Suva-Grey, #8F8F8F);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; 
    letter-spacing: -0.12px;
    text-transform: none;
    display: block;
}

.titre .pull-right {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    text-align: right;
}

a.o:last-child {
    border-bottom: solid 1px #e3e4e5;
}

td {}

#passeportMain .flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.flex .spacer {
    flex-grow: 1;
}

.passObj table tbody td b {
    display: block;
    text-align: center;
    color: #0275ff;
}

td.ecolecol {
    text-align: center;
}

td.entreprisecol {
    text-align: center;
}

@media screen and (max-width:1000px)
{
    #passeport
}

div#ok {
    position: fixed;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
}

span#ok {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 999;
    width: calc(100% - 20px);
    /* opacity: 0; */
    /* transform: translate(0,100px); */
    transition: ease-out 0.5s;
}

span#ok.hide {
    opacity: 0;
    transform: translate(0, 100px);
}

.bandeau span.spacer {flex-grow: 1;}

@media screen and (max-width:1000px)
{
    tr.result
    {
        display:flex;
        flex-direction:row;
        flex-wrap: wrap;
        max-height: none;
        width: 100%;
        margin: 0;
        flex-grow:1;
    }
    td.entreprisecol
    {
        display:none;
    }
    .passObj table  
    {
        display:flex;
        width:100%;
        flex-direction:column;
        justify-content:stretch;
        align-items:stretch;
    }
    .passObj table tbody 
    {
        display:flex;
        width:100%;
        flex-direction:column;
        justify-content:stretch;
        align-items:stretch;
    }
    .passObj table tbody td.noschoolresult
    {
        display:block;
        width:100px;
        box-sizing:border-box;
        text-align:center;
    border-bottom: none;
    }
    .passObj table tbody td.entrepriseresult
    {
        display:block;
        width:100%;
        text-align:center;
        border-bottom:solid 2px #eee!important;
    }
    .passObj table tbody td {
    padding: 15px 25px;
    cursor: default;
    /* border: solid 2px orange; */
    border-bottom: none!important;
    max-height: none;
    width: calc(100% - 100px);
    box-sizing:border-box;
}
.passObj table tbody td.entrepriseresult:before {
    content: "ENTREPRISE";
    color: #617080;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
}
    .in
    {
        padding-left:0;
        padding-right:0;
    }
    
#passeportMain .flex {
flex-wrap:wrap;    
}
    
}
body #passeport h1
{
    padding-left:0!important;
}

body #passeport big
{
    padding-left:0!important;
}


td.noschoolresult {
    text-align: center;
    font-size: 12px;
}

img.avatar {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: #eee;
    border: solid 1px #ccc;
}