/*/////////////////////////////////////////////////////////////STRUCTURE/////////////////////////////////////////////////////////////*/

#new-portail .portailcontainer {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding: 0;
    max-width: 1336px;
    max-width: 1256px;
    width: 100%;
}

/*#new-portail .content {
    margin: 0 auto;
    max-width: 930px;
    padding: 0;
}*/

#new-portail img {
    max-width: 100%;
    /*height: 100%;*/
}

#new-portail .top {
    padding: 0 20px;
}

/*/////////////////////////////////////////////////////////////Header/////////////////////////////////////////////////////////////*/

#new-portail #header {
    padding: 30px 20px;
}

#new-portail .dat-blue {
    color: #006680;
    /*font-family: 'Roboto', sans-serif;*/
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

#new-portail a.compte {
    background: url('../images/portail2016/icon-compte.png') no-repeat left center;
    display: inline-block;
    font-size: 21px;
    height: 42px;
    margin-bottom: 10px;
    padding-left: 52px;
    padding-top: 10px;
    text-align: right;
}

#new-portail a.compte:hover {
    color: #00758b;
}

/*/////////////////////////////////////////////////////////////BOUTONS/////////////////////////////////////////////////////////////*/

#new-portail a.btn {
    background-color: #000;
    background-image: url('../images/portail2016/icon-btn.png');
    background-repeat:  no-repeat;
    background-position: right 10px;
    border-radius: 0;
    color: #FFF;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    padding: 15px 60px 15px 15px !important;
    padding-top: 10px;
    text-transform: uppercase;
    transition: background 0.5s linear;
    white-space: inherit;
    background-position-x: 94% ;
    background-position-y: 50%;
}

#new-portail a.btn.btn-recruteur {
    background-color: #005363;
}

#new-portail a.btn.btn-recruteur:hover {
    background-color: #006680;
    color: #FFF;
}

#new-portail a.btn.btn-cadre {
    background-color: rgba(240, 114, 43, .75);
}

#new-portail a.btn.btn-cadre:hover {
    background-color: rgba(240, 114, 43, 1);
}

#new-portail a.btn.btn-jd {
    background-color: #E11715;
}

#new-portail a.btn.btn-jd:hover {
    background-color: #444;
}

/*/////////////////////////////////////////////////////////////BOX SEARCH/////////////////////////////////////////////////////////////*/

#new-portail #recherche-box {
    margin-bottom: 30px;
    padding: 0 20px;
}

#new-portail .box-search input.input-search {
    width: 100%;
    max-width: 100%;
}

#new-portail button.button-search {
    margin-top: 5px;
}

/*/////////////////////////////////////////////////////////////MIDDLE/////////////////////////////////////////////////////////////*/

#new-portail .middle {
    margin-top: 20px;
    padding: 0 20px;
}


#new-portail .middle .col-md-6 .rubrique {
    background-color: #FFF;
    color: #ED7601;
    font-size: 16px;
    font-weight: 700;
    padding: 5px;
    position: absolute;
    text-transform: uppercase;
    top: 5px;
    left: 20px;
}

#new-portail .middle .col-md-6 .title {
    display: inline;
    font-weight: 700;
    position: absolute;
    top: 5px;
    left: 125px;
    font-size: 16px;
    line-height: 28px;
    color: #006680;
}

#new-portail .middle .col-md-6 .title span {
    background-color: #FFF;
    padding: 0.2em;
    box-shadow: 0.2em 0 0 rgba(255, 255, 255, 1), -0.2em 0 0 rgba(255, 255, 255, 1);

}

#new-portail .middle .col-md-6 a .rubrique:hover,
#new-portail .middle .col-md-6 a .title:hover {
    text-decoration: none;
}

#new-portail .middle .col-md-3 .relative .btn.btn-cadre {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

#new-portail a.btn.btn-jd {
    background-color: #E11715;
    position: absolute;
    bottom: 0;
    width: calc( 100% - 20px );
}

#new-portail .middle-txt {
    padding: 40px 20px 0 20px;
}

#new-portail .middle-txt p,
#new-portail .middle-txt li {
    font-size: 16px;
}

#new-portail .middle-txt a {
    color: inherit;
    font-weight: 600;
}

/*/////////////////////////////////////////////////////////////FOOTER/////////////////////////////////////////////////////////////*/

#new-portail #footer {
    box-shadow: 0  8px 8px -8px #696868, 0 -8px 8px -8px #696868;
    text-align: center;
    text-transform: uppercase;
    margin: 40px 0;
    padding: 20px 0;
}

#new-portail #footer #social {
    border: 0;
    float: left;
    padding: 0;
}

#new-portail #footer #mobile {
    float: left;
    margin-left: 50px;
}

#new-portail #footer #social a,
#new-portail #footer #mobile a {
    margin-left: 15px;
}

#new-portail #footer .center-block {
    margin-bottom: 30px;
    width: 920px;
}

#new-portail #footer #footer-nav span {
    border-right: 1px solid #333;
    padding: 0 5px;
}

#new-portail #footer #footer-nav span.last {
    border-right: 0;
}

#new-portail #footer #footer-nav span a {
    color: #333;
}

/*/////////////////////////////////////////////////////////////MEDIA QUERIES/////////////////////////////////////////////////////////////*/




@media screen and (max-width: 992px) {
    #new-portail #header {
        padding: 20px 0;
    }
    #new-portail #header img.center-block {
        margin: 0 !important;
    }
    #new-portail a.compte {
        background-size: 60px 60px;
        background-position: top center;
        font-size: 16px;
        height: auto;
        padding-left: 0;
        padding-top: 60px;
        text-align: center;
    }

    #new-portail #recherche-box {
        padding: 0;
    }

    #new-portail .module {
        height: auto !important;
    }
    #new-portail .middle .visible-sm a + .dat-blue {
        margin-bottom: 20px;
    }
    #new-portail .middle .col-md-3 .relative .btn.btn-cadre,
    #new-portail a.btn.btn-jd,
    #new-portail a.btn-recruteur {
        bottom: auto;
        margin-bottom: 20px;
        position: relative;
        width: 100%;
    }
    #new-portail .middle .col-md-3 .relative .btn.btn-cadre {
        background-color: rgba(240, 114, 43, 1);
    }
    #new-portail .middle {
        padding: 0;
    }
    #new-portail .middle .col-md-6 .rubrique {
        font-size: 12px;
        top: 5px;
        left: 20px;
    }

    #new-portail .middle .col-md-6 .title {
        top: 5px;
        left: 95px;
        font-size: 12px;
        line-height: 20px;
        margin-right: 20px;
    }
    #new-portail #footer .center-block {
        width: auto;
    }
    #new-portail #footer #social {
        margin-bottom: 20px;
    }
    #new-portail #footer #social,
    #new-portail #footer #mobile {
        float: none;
        margin-left: 0;
    }
    #new-portail #footer #social img,
    #new-portail #footer #mobile img {
        margin-top: 10px;
    }
}/*Fin de @media*/




@media screen and (max-width: 768px) {
    #new-portail a.compte {
        background-size: 30px 30px;
        font-size: 14px;
        padding-top: 30px;
    }
    #new-portail .middle .col-md-6,
    #new-portail .middle .col-md-6 img {
        width: 100%;
    }
    #new-portail .middle-txt {
        margin-bottom: 40px;
    }
}