@media screen and (min-width: 1200px) {
    .conteneur-texte-logo {
        left: -54px;
    }
}

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

    /* FOOTER */
    #piedPage.container {
        max-width: 100%;
    }
    #piedPage {
        padding: .5rem 1.5rem 1rem 1.5rem;
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {

    /* FOOTER */
    #piedPage .footerMediaSociaux {
        text-align: right;
    }
    #piedPage .liensFooter p {
        padding-top: 0;
    }
    #piedPage .logoSite {
        padding-bottom: 0;
    }
    #piedPage .liensFooter,
    #piedPage .communications, 
    #piedPage .adresse, 
    #piedPage .siteOptimise p {
        padding-top: .5rem !important;
    }
}


@media screen and (min-width:992px) and (max-width:1199px) {

    /* FOOTER */
    #piedPage .logoSite h5 {
        padding-bottom: 1.4rem;
    }
    #piedPage .liensFooter {
        padding-top: 4.5rem;
    }
}

@media screen and (min-width:992px) {

    /* FOOTER */
    #piedPage .liensFooter {
        padding-top: 0;
    }
    #piedPage .copyright p #copyrightYear::after {
        content: ' - ';
        position: relative;
        right: 0;
    }
    #piedPage .basPiedPage p:first-of-type {
        margin-top: 10px;
    }
}

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

    body{
        font-size:14px !important;
    }
    .large-btn, .large-input{
        padding:10px 15px !important;
        height:auto;
        font-size:14px;
    }
    .de-maincontent {
        padding: 25px 10px 5px 5px;
        margin-left:196px;
    }
    .de-leftaside{
        width:188px;
    }
    #btnNewEntreprise {
        font-size: 14px;
    }
    table.table, table.table-striped{
        font-size: 11px !important;
    }
    table.table td, table.table-striped td {
        padding: 3px !important;
    }
    #txtSearchEntreprise {
        background: url(../img/loupe.png) no-repeat scroll 7px 7px !important;
        padding-left: 45px !important;
    }
    .margin-top-15px{
        margin-top:0px;
    }
    .menu-autre-outils {
        padding: 0;
    }
    .menu-autre-outils li {
        width: 30%;
    }
    .menu-autre-outils li a {
        width:100%
    }
    .menu-autre-outils li a img {
        padding-right:0;
        width:100%;
    }

    #BlocPartenariat .container {
        width: 100%;
    }

    /* FOOTER */
    #piedPage {
        padding-top: 1.8rem;
        padding-bottom: 1rem;
        max-width: 100%;
    }
    #piedPage .communications,
    #piedPage .adresse,
    #piedPage .liensFooter,
    #piedPage .siteOptimise p {
        padding-top: .2rem;
        position: relative;
    }
    #piedPage .liensFooter {
        padding-top: 3rem;
    }
    #piedPage .siteOptimise p {
        margin-top: 0rem;
    }
    #piedPage .copyright p {
        text-align: left;
    }
    #piedPage h6 {
        padding: 0 0 .2rem 0;
    }
    #piedPage .siteOptimise p,
    #piedPage .siteOptimise p a {
        line-height: 2rem !important;
        margin-bottom: .5rem;
        padding-bottom: 1.5rem;
    }
    #piedPage .corpo {
        padding-top: .2rem;
        position: relative;
    }
    #piedPage .corpo img {
        width: 100%;
    }
    #piedPage .copyright > p,
    #piedPage .copyright > p span {
        line-height: 1.7rem !important;
    }
    #piedPage .corpo img {
        max-width: 24rem;
    }
    #piedPage .copyright p {
        font-size: 1.2rem;
        padding-top: 0;
        padding-left: 0;
        text-align: center;
    }
    #piedPage .footerMediaSociaux {
        padding-top: 2rem;
        position: absolute;
        right: 0;
        text-align: left;
    }
    #piedPage .logoSite {
        margin-bottom: 0;
    }
    #piedPage .logoSite h4 {
        font-size: 2rem;
    }

    /* FOOTER REDUIT */
    .footerReduit #piedPage {
        padding-top: .2rem;
    }
    .footerReduit #piedPage .siteOptimise p,
    .footerReduit #piedPage .siteOptimise p a {
        padding-bottom: .5rem;
    }

}

@media screen and (min-width: 768px) {

    /* FOOTER */
    #piedPage .copyright p {
        text-align: center;
    }
    #piedPage .footerMediaSociaux {
        float: right;
    }
}

@media screen and (max-width:767px) {
    
    .entete-fixe .conteneur-texte-logo{
        display:none;
    }
    .boite-form{
        padding:10px 10px 0px 10px;
    }
    .de-leftaside  {
        width: 60px;
    }
    .de-leftmenu{
        padding-top:5px;
    }
    .de-leftmenu > li > a{
        padding:.8rem .5rem;
        font-size:13px;
        overflow:hidden;
        height:33px;
        line-height:27px;
        margin: 0 auto;
        margin-top:2rem;
        width:30px;
    }
    .de-maincontent {
        margin-left: 68px;
    }
    .form-control{
        padding:5px 5px;
        height:auto;
    }
    .table .form-control{
        font-size:12px !important;
    }
    .entete-fixe{
        height:60px;
    }
    .conteneur-menu, .conteneur-menu-connected{
        line-height:60px;
        height:60px;
    } 
    .conteneur-logo {
        height: 60px;
        line-height: 58px;
        width: 60px;
    }
    .select2 {
        width: 85% !important;
    }

    .menuPrincipal .menu-autre-outils li {
        float:left;
    }
    .menu-autre-outils li:first-of-type a {
        margin-top: 4px;
    }
    .menuPrincipal .menu-autre-outils li a img {
        width: 100%;
        padding-right: 10px;
    }
    .conteneur-menu-connected.menuPrincipal ul {
        margin: 0;
    }
    .conteneur-menu-connected.menuPrincipal ul li {
        margin-top: 4px;
        float: right;
    }
    .conteneur-menu-connected.menuPrincipal ul li a {
        padding: 0;
    }
    .bouton-compte .dropdown-menu {
        left: -115px !important;
    }
    .bouton-compte .dropdown-menu ul li a {
        padding: 10px;
    }
    .dropdown-menu {
        min-width: 11rem;
    }
    .rechercheEntreprise {
        margin-top: 0;
    }
    label {
        display: block;
        width: 100%;
    }

    /* PARTENAIRES */
    .BlocPartenariat br {
        display: none;
    }
    
    /* FOOTER */
    #piedPage {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-bottom: .5rem;
        max-width: 100%;
    }
    #piedPage .corpo {
        padding-top: 0;
    }
    #piedPage .copyright p {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: .25rem;
        text-align: left;
    }
    #piedPage .footerMediaSociaux {
        padding-top: 3rem;
        text-align: right;
    }
    #piedPage .liensFooter {
        padding-top: 2.7rem;
    }

    /* FOOTER REDUIT */
    .footerReduit #piedPage .copyright > p {
        margin-top: 0;
    }

    /* Notification cookies */
	#avisCookies *,
	#avisCookies button {
		font-size: 13px;
	}
	#avisCookies p {
		line-height: 17px;
	}
    #avisCookies button {
        margin-top: 10px;
    }
    #avisCookies div.col-sm-4 {
        width: 100%;
    }

}

@media screen and (max-width:599px) {
    .conteneur-tableau {
        width: 100%;
        overflow-x: scroll;
        border: solid thin #ccc;
    }
    .ui-jqgrid{
        min-width:553px;
    }
    .conteneur-tableau .form-group{
        margin-bottom:0px;
    }
    .select2 {
        width: 82% !important;
    }
}

@media screen and (min-width: 576px) {

    /* FOOTER */
    #piedPage .liensFooter h6,
    #piedPage .communications h6,
    #piedPage .adresse h6 {
        display: none;
    }
    #piedPage .basPiedPage .corpo > a {
        background: url('../img/footer/craaq-logo-horizontal.svg') no-repeat center center;
        width: 20rem;
        height: 6.5rem;
    }
    #piedPage .basPiedPage::after {
        background: #4a4a4a;
        content: "";
        height: .1rem;
        position: absolute;
            right: 0;
            top: 0;
            left: 0;
        width: 100%;
    }
    #piedPage .basPiedPage p {
        line-height: 1.4rem !important;
    }
    #piedPage .corpo,
    #piedPage .basPiedPage .copyright {
        padding-top: 5px;
    }

    /* FOOTER REDUIT */
    .footerReduit #piedPage .basPiedPage .corpo > a {
        background-size: 18rem 5.8rem;
        width: 18rem;
        height: 5.8rem;
    }

}

@media screen and (min-width:576px) and (max-width:1260px) {

    /* FOOTER */
    #piedPage .liensFooter {
        padding-top: 0;
    }
    #piedPage .basPiedPage::after {
        width: calc( 100% - 30px );
    }
}

@media screen and (min-width: 576px) and (max-width: 991px) {

    /* FOOTER */
    #piedPage .logoSite {
        padding-bottom: .7rem;
    }
    #piedPage .basPiedPage p:first-of-type {
        margin-top: .5rem;
    }
}


@media screen and (min-width: 768px) and (max-width: 991px) {

    /* FOOTER */
    #piedPage .copyright p {
        margin-top: 1.9rem;
        padding-top: 0;
    }
    #piedPage .copyright p br {
        display: block;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {

    /* FOOTER */
    #piedPage .logoSite {
        padding-bottom: 1rem !important;
    }
}

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

    /* FOOTER */
    .footerFull #piedPage .footerMediaSociaux {
        padding-top: 1.8rem;
        text-align: right;
    }
    #piedPage .liensFooter {
        padding-top: 3rem;
    }
    #piedPage .basPiedPage {
        padding: .5rem 0;
    }
    #piedPage .corpo img {
        max-width: 7rem;
    }
    #piedPage .logoSite {
        margin-bottom: 0;
        padding-bottom: .5rem;
    }
    #piedPage .logoSite img {
        padding-bottom: 1rem;
    }
    #piedPage .logoSite h5 {
        padding-top: .5rem;
    }
    #piedPage [data-groupe] p {
        overflow: hidden;
        max-height: 0;
    }
    #piedPage h6 {
        padding: .75rem 0 0 0;
        width: 100%;
    }
    #piedPage h6:active,
    #piedPage h6:focus {
        color: #6a6a6b !important;
    }
    #piedPage h6:active > i,
    #piedPage h6:focus > i {
        color: #58585a;
    }
    #piedPage h6 i {
        -webkit-transition: all 300ms ease;
             -o-transition: all 300ms ease;
                transition: all 300ms ease;
    }
    #piedPage h6 + p {
        display: block;
        max-height: 0;
        overflow: hidden;
        padding: .75rem 1.5rem 0 1.5rem;
    }
    #piedPage .copyright {
        padding-top: .5rem;
    }
    #piedPage .siteOptimise a {
        padding-top: .75rem;
        padding-bottom: 1rem;
    }
    #piedPage .logoSite h5 {
        padding-bottom: .3rem;
    }
    #piedPage .communications,
    #piedPage .adresse,
    #piedPage .liensFooter {
        padding-top: 0;
    }
    #piedPage [data-groupe] p {
        overflow: hidden;
        max-height: 0;
    }
    #piedPage [data-groupe][aria-expanded] p {
        border-bottom: .1rem solid #4d4d4d;
    }
    #piedPage h6 i {
        color: #7c7c7d;
        display: inline-block;
        font-size: 2.8rem;
        position: absolute;
            top: .3rem;
            right: 3rem;
    }
    #piedPage h6 + p a:hover {
        text-decoration: none;
    }
    #piedPage .corpo {
        padding-top: 1.5rem;
    }
    #piedPage .basPiedPage .corpo > a {
        background: url('../img/footer/craaq-logotype.svg') no-repeat left center;
        background-size: 7rem 5.9rem;
        width: 7rem;
        height: 5.9rem;
    }
    #piedPage .basPiedPage .corpo span {
        top: -10px;
        left: 9px;
    }

    /* FOOTER REDUIT */
    .footerReduit #piedPage .siteOptimise p, 
    .footerReduit #piedPage .siteOptimise p a {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .footerReduit #piedPage .footerMediaSociaux {
        padding-top: 1rem;
    }
    .footerReduit #piedPage .basPiedPage .corpo > a {
        background-size: 4.5rem 3.8rem;
        width: 4.5rem;
        height: 3.8rem;
    }
    #piedPage .basPiedPage .corpo span {
        display: none;
    }
    .footerReduit #piedPage .copyright > p:first-of-type {
        display: none;
    }
    .footerReduit #piedPage .copyright p {
        position: absolute;
            top: -30px;
            left: 72px;
    }
    .footerReduit #piedPage {
        padding: 1rem 1.5rem .5rem 1.5rem;
    }
    #piedPage .corpo {
        padding-top: .5rem;
    }

    /* Notification cookies */
    #avisCookies #btnAccepterCookies {
        display: block;
        width: 100%;
    }
}

@media screen and (min-width: 480px) {

    /* FOOTER */
    #piedPage .siteOptimise p br {
        display: none;
    }
    #piedPage .footerMediaSociaux {
        text-align: right;
    }
}

@media print {
    #avisCookies {
        display: none;
    }
}