/* @override 
	http://villa-maria-pantheon:8888/sites/all/themes/bootstrap_villamaria/css/danny.css?ou44do
	http://villa-maria-pantheon:8888/sites/all/themes/bootstrap_villamaria/css/danny.css?ov1kcs
	http://villa-maria-pantheon:8888/sites/all/themes/bootstrap_villamaria/css/danny.css?ov3p6i
	http://villa-maria-pantheon:8888/sites/all/themes/bootstrap_villamaria/css/danny.css?ov3t9f */

div.col-droite div.col-1 div.wrapper-video {
/*    display: none;*/
    /*JUSQU'AU 16 AOUT*/
}

/*
div.wrapper-presentation-profils {
    margin: 0 auto;
    max-width: 1440px;
    margin-top: 40px;
}

div.wrapper-presentation-profils h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 32px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    margin: 0 85px;
    padding-bottom: 15px;
    border-bottom: 1px solid #fdb913;
}

div.wrapper-presentation-profils p {
    display: block;
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
*/

/*
div.wrapper-profils {
    -webkit-box-shadow: inset 10px 10px 80px -10px rgba(0, 62, 107, 0.25);
    -moz-box-shadow: inset 10px 10px 80px -10px rgba(0, 62, 107, 0.25);
    box-shadow: inset 10px 10px 80px -10px rgba(0, 62, 107, 0.25);
}

div.wrapper-profils div.fleche-bas {
    margin: 0 auto;
    width: 175px;
    height: 58px;
    background: url(../img/triangle-blanc.png) no-repeat;
    background-position: center -75px;
    background-size: 175%;
}

div.wrapper-profils ul {
    max-width: 1440px;
    margin: 20px auto;
    padding-left: 0;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
}
*/

/* ---------1500px------------------------------------------------------ */
/*
@media all and (max-width: 1500px) {

	div.wrapper-profils ul {
	    
	    margin: 20px 40px;
	    
	 }
}
*/

/* ---------1500px - fin------------------------------------------------------ */

/*div.wrapper-profils ul li {
    background: none;
    list-style: none;
    width: 25%;
    margin-bottom: 50px;
}

div.wrapper-profils ul li div.en-tete-profil {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -ms-flexbox;
}

div.wrapper-profils ul li div.en-tete-profil div.icone-profil {
    width: 75px;
    height: 75px;
    margin: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

div.wrapper-profils ul li div.en-tete-profil div.en-tete-texte {
	width: calc( 100% - 115px );
}

div.wrapper-profils ul li div.footer-profil {
    height: 32px;
    text-align: left;
}

div.wrapper-profils ul li div.footer-profil a {
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 32px;
    vertical-align: top;
}

div.wrapper-profils ul li div.footer-profil span {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 250%;
    margin-right: 10px;
}

div.wrapper-profils ul li div.en-tete-profil div.en-tete-texte h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    
}

div.wrapper-profils ul li a:hover{
	text-decoration: none;
	border: 0;
}

div.wrapper-profils ul li div.en-tete-profil div.en-tete-texte p {
    font-size: 16px;
    line-height: 18px;
}

/* STEAM */
/*
div.wrapper-profils ul li.steam div.en-tete-profil div.icone-profil {
    background-image: url(../img/icone-steam.svg);
}
*/

/*
div.wrapper-profils ul li.steam div.footer-profil a {
    color: #B2D235;
}
*/

/*
div.wrapper-profils ul li.steam div.footer-profil span {
    background-image: url(../img/icone-plus-vert.svg);
}
*/

/* LEADERSHIP */
/*
div.wrapper-profils ul li.leadership div.en-tete-profil div.icone-profil {
    background-image: url(../img/icone-leadership-orange.png);
}

div.wrapper-profils ul li.leadership div.footer-profil a {
    color: #F9A51A;
}

div.wrapper-profils ul li.leadership div.footer-profil span {
    background-image: url(../img/icone-plus-orange.svg);
}
*/

/* SCIENCE-SANTÉ */
/*
div.wrapper-profils ul li.science-sante div.en-tete-profil div.icone-profil {
    background-image: url(../img/icone-science-rouge.png);
}

div.wrapper-profils ul li.science-sante div.footer-profil a {
    color: #EF5038;
}

div.wrapper-profils ul li.science-sante div.footer-profil span {
    background-image: url(../img/icone-plus-rouge.svg);
}
*/

/* DROITS & ÉTUDES INTERNATIONALES */
/*
div.wrapper-profils ul li.droit-etudes-internationales div.en-tete-profil div.icone-profil {
    background-image: url(../img/icone-droit-bleu.png);
}

div.wrapper-profils ul li.droit-etudes-internationales div.footer-profil a {
    color: #1B75BB;
}

div.wrapper-profils ul li.droit-etudes-internationales div.footer-profil span {
    background-image: url(../img/icone-plus-bleu.svg);
}
*/
*/

/* PAGE PÉDAGOGIE/PROFILS */

div.wrapper-page-profils ul li div.img-mobile {
    display: none;
}

/*div.wrapper-page-profils div.documentation {
    display: none;
}*/

div.metiers {
    margin-top: 40px;
}

/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*------------- SELECTED MEDIAS QUERIES ------------ */
/*---------------------------------------------------*/
/*---------------------------------------------------*/

@media all and (min-width: 769px) and (max-width: 1023px) {
    div.wrapper-profils ul {
        max-width: 100%;
/*
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-align: center;
*/
    }
    
/*    div.wrapper-profils div.fleche-bas {
        margin: 0;
        width: 100%;
        height: 80px;
        background: url(../img/img-profils-mobile.png) no-repeat;
        background-position: center;
        background-size: cover;
    }
    
    div.wrapper-profils ul {
        flex-direction: column;
        margin: 0 0 20px 0;
        padding: 0;
    }
    
    div.wrapper-profils ul li {
        position: relative;
        width: 100%;
        height: 150px;
        border-bottom: 1px solid #003e6b;
        margin-bottom: 0px;
        padding: 20px 0;
    }
    
    div.wrapper-profils ul li div.en-tete-profil,
    div.wrapper-profils ul li div.footer-profil {
        width: calc(100% - 82px);
        margin-left: 30px;
    }
    
    div.wrapper-profils ul li div.en-tete-profil div.en-tete-texte h3 {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    div.wrapper-profils ul li div.en-tete-profil div.en-tete-texte p {
        font-size: 12px;
    }
    
    div.wrapper-profils ul li div.en-tete-profil div.icone-profil {
        margin: 10px 30px 10px 0;
        width: 70px;
        height: 70px;
    }
    
    div.wrapper-profils ul li div.footer-profil a {
        font-size: 12px;
    }
    
    div.wrapper-profils ul li div.footer-profil a span {
        margin-top: 8px;
        width: 18px;
        height: 18px;
    }
    
    div.wrapper-profils ul li.steam div.visuel-profil div#steamv2_hype_container,
    div.wrapper-profils ul li.leadership div.visuel-profil div#entrepreunariatv2_hype_container,
    div.wrapper-profils ul li.science-sante div.visuel-profil div#sciencesv2_hype_container,
    div.wrapper-profils ul li.droit-etudes-internationales div.visuel-profil div#droitv2_hype_container {
        display: none !important;
    }
    
    div.wrapper-profils ul li div.visuel-profil {
        margin-right: 30px;
    }
    
    div.wrapper-profils ul li.steam div.visuel-profil {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(../img/img-steam-raoul-mobile.png);
        background-size: cover;
        width: 110px;
        height: 149px;
    }
    
    div.wrapper-profils ul li.leadership div.visuel-profil {
        display: none;
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(../img/img-leadership-sarah-mobile.png);
        background-size: cover;
        width: 100px;
        height: 150px;
    }
    
    #block-system-main > div > div > div.panels-flexible-row.panels-flexible-row-1-3.panels-flexible-row-first.clearfix > div > div > div > div.panel-pane.pane-block.pane-villa-maria-tools-profils-etude-front > div > div > div.wrapper-profils > ul > li.science-sante > div.en-tete-profil > div.en-tete-texte > p > br {
        display: none;
    }
    
    div.wrapper-profils ul li.science-sante div.visuel-profil {
        display: none;
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(../img/img-science-sante-constant-mobile.png);
        background-size: cover;
        width: 130px;
        height: 150px;
    }
    
    div.wrapper-profils ul li.droit-etudes-internationales div.visuel-profil {
        display: none;
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(../img/img-droit-simone-mobile.png);
        background-size: cover;
        width: 110px;
        height: 150px;
    }
*/    
/*
    div.wrapper-etape-form {
        width: 100%;
        flex-direction: column;
        margin: 0;
    }
    
    div.wrapper-etape-form div.wrapper-etape-inscription {
        width: 100%;
        border-top: none;
        padding: 0 20px;
    }
    
    div.wrapper-etape-form div.wrapper-etape-inscription div.etape a.collapse-btn {
        display: none;
    }
    
    form#webform-client-form-302.webform-client-form.webform-client-form-302,
    form#webform-client-form-310.webform-client-form.webform-client-form-310 {
        width: 100%;
    }
    
    #webform-client-form-302 div.form-item label,
    #webform-client-form-310 div.form-item label {
        display: block;
    }
    
    #webform-client-form-302 input.form-text,
    #webform-client-form-310 input.form-text {
        width: 100%;
    }
*/
    
    /*-------- PAGE PÉDAGOGIE/PROFIL ---------*/
    
    div.wrapper-page-profils {
        width: 100%;
        max-width: 100%;
    }
    
    body.page-node-307 .panels-flexible-9 .panels-flexible-row .field-name-field-image > .field-items > .field-item,
    body.page-node-307 section#block-system-main {
        height: 80px;
    }
    
    body.page-node-311 .panels-flexible-9 .panels-flexible-row .field-name-field-image > .field-items > .field-item,
    body.page-node-311 section#block-system-main {
        height: 80px;
    }
    
    .btn-visite-virtuelle-wrapper {
        display: none;
    }
    
/*    div.wrapper-page-profil */
    h1.title {
        font-size: 36px;
    }
    
    section#block-villa-maria-tools-page-profils {
        padding-top: 150px;
    }
    
    #block-villa-maria-tools-page-profils div.wrapper-page-profils > ul {
        margin: 0;
    }
    
    section#block-villa-maria-tools-page-profils div.wrapper-page-profils div.col-gauche {
/*        display: none;*/
    }
    
    div.wrapper-page-profils div.col-droite {
        width: 100%;
        max-width: 100%;
        flex-direction: column;
    }
    
    div.wrapper-page-profils div.wrapper-titre-documentation {
        width: 100%;
        margin: 0;
        max-height: 140px;
/*
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
*/
    }
    
    div.wrapper-page-profils li#sciences-de-la-sante div.wrapper-titre-documentation {
        max-height: 115px;
    }
    
    div.wrapper-page-profils div.wrapper-titre-documentation h2 {
        font-size: 32px;
        padding: 32px 0;
        width: calc(100% - 190px);
    }
    
    div.wrapper-page-profils div.wrapper-titre-documentation > img {
        width: 60px;
        height: 60px;
        display: inline-block;
        margin: 32px 20px 32px 35px;
    }
    
    div.wrapper-page-profils ul li div.wrapper-titre-documentation div.img-mobile {
        display: none;
        height: auto;
        margin-right: 30px;
    }
    
    div.wrapper-page-profils div.col-droite div.col-1,
    div.wrapper-page-profils div.col-droite div.col-2 {
        width: 100%;
        margin: 0;
        float: none;
    }
    
    div.wrapper-page-profils div.col-droite div.col-1 div.wrapper-video {
        width: 100%;
    }
    
    div.wrapper-page-profils div.col-droite div.col-1 div.wrapper-video h3 {
        display: none;
    }
    
    div.wrapper-page-profils div.col-droite div.col-1 div.wrapper-video img {
        width: 450px;
        height: auto;
        display: block;
        margin: 0 0 0 35px;
    }
    
    div.wrapper-introduction,
    div.documentation,
    div.metiers,
    div.cours-specifiques,
    div.aptitudes,
    div.cegep {
        margin: 0;
        padding: 15px;
        width: 100%;
    }
    
    div.wrapper-introduction p,
    div.documentation p,
    div.cours-specifiques p,
    div.cegep p {
        padding: 0;
    }
    
    div.metiers,
    div.cours-specifiques,
    div.aptitudes,
    div.cegep {
        border-top: 1px solid #003E6B;
    }
    
    div.aptitudes ul,
    div.cours-specifiques p,
    div.cegep ul,
    div.cegep p,
    div.metiers ul {
        display: none;
    }
    
    div.metiers ul {
        padding: 15px;
    }
    
    div.wrapper-page-profils div.documentation {
        position: initial;
    }
    
    div.wrapper-page-profils div.documentation a {
        margin-left: 15px;
    }
    
    div.wrapper-page-profils li div.aptitudes h3,
    div.wrapper-page-profils li div.cours-specifiques h3,
    div.wrapper-page-profils li div.cegep h3,
    div.wrapper-page-profils li div.metiers h3 {
        color: #003e6b;
        display: inline-block;
        padding-left: 60px;
        background-size: 32px;
        background-repeat: no-repeat;
        background-position: left center;
        margin-left: 15px;
    }
    
    div.wrapper-page-profils li#steam div.aptitudes h3,
    div.wrapper-page-profils li#steam div.cours-specifiques h3,
    div.wrapper-page-profils li#steam div.cegep h3,
    div.wrapper-page-profils li#steam div.metiers h3 {
        background-image: url(../img/btn-plus-vert.svg);
    }
    
    div.wrapper-page-profils li#sciences-de-la-sante div.aptitudes h3,
    div.wrapper-page-profils li#sciences-de-la-sante div.cours-specifiques h3,
    div.wrapper-page-profils li#sciences-de-la-sante div.cegep h3,
    div.wrapper-page-profils li#sciences-de-la-sante div.metiers h3 {
        background-image: url(../img/btn-plus-rouge.svg);
    }
    
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.aptitudes h3,
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.cours-specifiques h3,
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.cegep h3,
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.metiers h3 {
        background-image: url(../img/btn-plus-orange.svg);
    }
    
    div.wrapper-page-profils li#droit-et-etudes-internationales div.aptitudes h3,
    div.wrapper-page-profils li#droit-et-etudes-internationales div.cours-specifiques h3,
    div.wrapper-page-profils li#droit-et-etudes-internationales div.cegep h3,
    div.wrapper-page-profils li#droit-et-etudes-internationales div.metiers h3 {
        background-image: url(../img/btn-plus-bleu.svg);
    }
    
    div#webform-ajax-wrapper-302,
    div#webform-ajax-wrapper-310 {
        width: 100%;
    }
}

@media all and (min-width: 0px) and (max-width: 768px) {
    
    ul.language-switcher-locale-url {
        font-size: 18px;
        position: initial;
        float: left;
        padding: 0 0 0 20px;
/*        margin: 30px -50px 10px 20px;*/
    }
    
/*
    div.wrapper-intro-video-accueil {
        width: 100%;
        margin: 20px 0 0 0;
    }
    
    div.wrapper-intro-video-accueil div.wrapper-texte-intro {
        width: 100%;
        margin: 0;
        padding: 0 20px;
    }
    
    div.wrapper-intro-video-accueil div.wrapper-texte-intro h1 {
        padding: 0;
    }
    
    div.wrapper-intro-video-accueil div.wrapper-texte-intro p {
        width: 100%;
        padding: 0;
    }
    
    div.wrapper-intro-video-accueil div.wrapper-video {
        display: none;
    }
*/
    
/*
    div.wrapper-presentation-profils {
        margin: 20px 20px 50px 20px;
    }
    
    div.wrapper-presentation-profils h2 {
        margin: 0;
        font-size: 24px;
        text-align: left;
    }
    
    div.wrapper-presentation-profils p {
        text-align: left;
    }
*/
/*    
    div.wrapper-profils div.fleche-bas {
        margin: 0;
        width: 100%;
/       height: 80px;
        background: url(../img/img-profils-mobile.png) no-repeat;
        background-position: center;
        background-size: cover;
    }
    
    div.wrapper-profils ul {
        flex-direction: column;
        margin: 0 0 20px 0;
        padding: 0;
    }
    
    div.wrapper-profils ul li {
        position: relative;
        width: 100%;
        height: 150px;
        border-bottom: 1px solid #003e6b;
        margin-bottom: 0px;
        padding: 20px 0;
    }
    
    div.wrapper-profils ul li div.en-tete-profil,
    div.wrapper-profils ul li div.footer-profil {
        width: calc(100% - 82px);
        margin-left: 20px;
    }
    
    div.wrapper-profils ul li div.en-tete-profil div.en-tete-texte h3 {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    div.wrapper-profils ul li div.en-tete-profil div.en-tete-texte p {
        font-size: 12px;
    }

div.wrapper-profils ul li div.en-tete-profil div.icone-profil {
        margin: 10px 10px 10px 0;
        width: 70px;
        height: 70px;
    }
    
    div.wrapper-profils ul li div.footer-profil a {
        font-size: 12px;
    }
    
    div.wrapper-profils ul li div.footer-profil a span {
        margin-top: 8px;
        width: 18px;
        height: 18px;
    }
    
    div.wrapper-profils ul li.steam div.visuel-profil div#steamv2_hype_container,
    div.wrapper-profils ul li.leadership div.visuel-profil div#entrepreunariatv2_hype_container,
    div.wrapper-profils ul li.science-sante div.visuel-profil div#sciencesv2_hype_container,
    div.wrapper-profils ul li.droit-etudes-internationales div.visuel-profil div#droitv2_hype_container {
        display: none !important;
    }
    
    div.wrapper-profils ul li.steam div.visuel-profil {
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(../img/img-steam-raoul-mobile.png);
        background-size: cover;
        width: 110px;
        height: 149px;
    }
    
    div.wrapper-profils ul li.leadership div.visuel-profil {
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(../img/img-leadership-sarah-mobile.png);
        background-size: cover;
        width: 100px;
        height: 150px;
    }
    
    #block-system-main > div > div > div.panels-flexible-row.panels-flexible-row-1-3.panels-flexible-row-first.clearfix > div > div > div > div.panel-pane.pane-block.pane-villa-maria-tools-profils-etude-front > div > div > div.wrapper-profils > ul > li.science-sante > div.en-tete-profil > div.en-tete-texte > p > br {
        display: none;
    }
    
    div.wrapper-profils ul li.science-sante div.visuel-profil {
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(../img/img-science-sante-constant-mobile.png);
        background-size: cover;
        width: 130px;
        height: 150px;
    }
    
    div.wrapper-profils ul li.droit-etudes-internationales div.visuel-profil {
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(../img/img-droit-simone-mobile.png);
        background-size: cover;
        width: 110px;
        height: 150px;
    }
 */   
    div.wrapper-interne-programme-distinction {
        width: 100%;
    }
    
    div.wrapper-interne-programme-distinction .icone-programme-distinction {
        width: 75px;
        height: 95px;
        margin-left: 20px;
    }
    
    div.wrapper-programme-distinction div.texte-programme-distinction {
        padding: 20px 20px 20px 0;
        margin-bottom: 0;
    }
    
    div.wrapper-programme-distinction div.texte-programme-distinction h2 {
        font-size: 20px;
        padding: 0;
    }
    
    div.wrapper-programme-distinction div.texte-programme-distinction p {
        font-size: 12px;
        padding: 0;
    }
    
    div.wrapper-programme-distinction div.texte-programme-distinction a {
        font-size: 12px;
        background-size: 22px 22px;
    }
    
/*
    div.wrapper-etape-form {
        width: 100%;
        flex-direction: column;
        margin: 0;
    }
    
    div.wrapper-etape-form div.wrapper-etape-inscription {
        width: 100%;
        border-top: none;
        padding: 0 20px;
    }
    
    div.wrapper-etape-inscription div.etape > a {
        display: block;
        height: 32px;
        background-image: url(../img/icone-plus-bleu-fonce.svg);
        background-repeat: no-repeat;
        background-size: 22px 22px;
        font-size: 14px;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        color: #003E6B;
        font-weight: 400;
        padding-top: 3px;
        padding-left: 30px;
        margin-left: -30px;
    }
*/
    
/*
    div.wrapper-etape-form div.wrapper-etape-inscription div.etape p {
        margin-left: 0;
    }
    
    div.wrapper-etape-inscription div.etape div.wrapper-colonne {
        margin-left: 0;
    }
    
    div.wrapper-etape-form div.wrapper-etape-inscription h2 {
        padding: 0;
        font-size: 30px;
    }
    
    div#webform-ajax-wrapper-302 {
        width: initial;
    }
    
    form#webform-client-form-302.webform-client-form.webform-client-form-302 {
        width: 100%;
    }
    
    div.wrapper-etape-form div.wrapper-etape-inscription div.etape div.etape-un-infos,
    div.wrapper-etape-form div.wrapper-etape-inscription div.etape div.etape-deux-infos,
    div.wrapper-etape-form div.wrapper-etape-inscription div.etape div.etape-trois-infos {
        display: none;
        margin-left: -30px;
        margin-bottom: 20px;
    }
*/
    
    .footer.container {
        margin-top: 0;
        min-height: 360px;
    }
    
    /*-------- PAGE PÉDAGOGIE/PROFIL ---------*/
    
    div.wrapper-page-profils {
        width: 100%;
        max-width: 100%;
    }
    
    body.page-node-307 .panels-flexible-9 .panels-flexible-row .field-name-field-image > .field-items > .field-item,
    body.page-node-307 section#block-system-main {
        height: 80px;
    }
    
    body.page-node-311 .panels-flexible-9 .panels-flexible-row .field-name-field-image > .field-items > .field-item,
    body.page-node-311 section#block-system-main {
        height: 80px;
    }
    
    .btn-visite-virtuelle-wrapper {
        display: none;
    }
    
/*    div.wrapper-page-profil */
    h1.title {
        font-size: 28px;
    }
    
    section#block-villa-maria-tools-page-profils {
        padding-top: 35px;
    }
    
    #block-villa-maria-tools-page-profils div.wrapper-page-profils > ul {
        margin: 0;
    }
    
    section#block-villa-maria-tools-page-profils div.wrapper-page-profils div.col-gauche {
        display: none;
    }
    
    div.wrapper-page-profils div.col-droite {
        width: 100%;
        max-width: 100%;
        flex-direction: column;
    }
    
    div.wrapper-page-profils div.wrapper-titre-documentation {
        width: 100%;
        margin: 0;
        max-height: 140px;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
    }
    
    div.wrapper-page-profils li#sciences-de-la-sante div.wrapper-titre-documentation {
        max-height: 115px;
    }
    
    div.wrapper-page-profils div.wrapper-titre-documentation h2 {
        font-size: 18px;
        padding: 32px 0;
        width: calc(100% - 190px);
    }
    
    div.wrapper-page-profils div.wrapper-titre-documentation > img {
        width: 60px;
        height: 60px;
        display: inline-block;
        margin: 32px 10px 32px 20px;
    }
    
    div.wrapper-page-profils ul li div.wrapper-titre-documentation div.img-mobile {
        display: block;
        height: auto;
    }
    
    div.wrapper-page-profils div.col-droite div.col-1,
    div.wrapper-page-profils div.col-droite div.col-2 {
        width: 100%;
        margin: 0;
        float: none;
    }
    
    div.wrapper-page-profils div.col-droite div.col-1 div.wrapper-video {
        width: 100%;
    }
    
    div.wrapper-page-profils div.col-droite div.col-1 div.wrapper-video h3 {
        display: none;
    }
    
    div.wrapper-page-profils div.col-droite div.col-1 div.wrapper-video img {
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    
    div.wrapper-introduction,
    div.documentation,
    div.metiers,
    div.cours-specifiques,
    div.aptitudes,
    div.cegep {
        margin: 0;
        padding: 10px;
        width: 100%;
    }
    
    div.metiers,
    div.cours-specifiques,
    div.aptitudes,
    div.cegep {
        border-top: 1px solid #003E6B;
    }
    
    div.aptitudes ul,
    div.cours-specifiques p,
    div.cegep ul,
    div.cegep p,
    div.metiers ul {
        display: none;
    }
    
    div.metiers ul {
        padding: 10px;
    }
    
    div.wrapper-page-profils li div.aptitudes h3,
    div.wrapper-page-profils li div.cours-specifiques h3,
    div.wrapper-page-profils li div.cegep h3,
    div.wrapper-page-profils li div.metiers h3 {
        color: #003e6b;
        display: inline-block;
        padding-left: 45px;
        background-size: 32px;
        background-repeat: no-repeat;
        background-position: left center;
    }
    
    div.wrapper-page-profils li#steam div.aptitudes h3,
    div.wrapper-page-profils li#steam div.cours-specifiques h3,
    div.wrapper-page-profils li#steam div.cegep h3,
    div.wrapper-page-profils li#steam div.metiers h3 {
        background-image: url(../img/btn-plus-vert.svg);
    }
    
    div.wrapper-page-profils li#sciences-de-la-sante div.aptitudes h3,
    div.wrapper-page-profils li#sciences-de-la-sante div.cours-specifiques h3,
    div.wrapper-page-profils li#sciences-de-la-sante div.cegep h3,
    div.wrapper-page-profils li#sciences-de-la-sante div.metiers h3 {
        background-image: url(../img/btn-plus-rouge.svg);
    }
    
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.aptitudes h3,
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.cours-specifiques h3,
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.cegep h3,
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.metiers h3 {
        background-image: url(../img/btn-plus-orange.svg);
    }
    
    div.wrapper-page-profils li#droit-et-etudes-internationales div.aptitudes h3,
    div.wrapper-page-profils li#droit-et-etudes-internationales div.cours-specifiques h3,
    div.wrapper-page-profils li#droit-et-etudes-internationales div.cegep h3,
    div.wrapper-page-profils li#droit-et-etudes-internationales div.metiers h3 {
        background-image: url(../img/btn-plus-bleu.svg);
    }
    
    div.wrapper-etape-form div.wrapper-etape-inscription div.cta {
        margin-left: 0;
    }
    
}

/*---------------------------------------------------*/
/*---------------------------------------------------*/
/* ------------------ iPad 3 & 4 ------------------- */
/*---------------------------------------------------*/
/*---------------------------------------------------*/

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (-webkit-min-device-pixel-ratio: 2) {
    
/*
    div.wrapper-profils ul {
        max-width: 100%;
    }
*/
    
/*
    .navbar-toggle {
        display: block;
    }
*/
/*    
    div.wrapper-profils div.fleche-bas {
        margin: 0;
        width: 100%;
        height: 80px;
        background: url(../img/img-profils-mobile.png) no-repeat;
        background-position: center;
        background-size: cover;
    }
    
    div.wrapper-profils ul {
        flex-direction: column;
        margin: 0 0 20px 0;
        padding: 0;
    }
    
    div.wrapper-profils ul li {
        position: relative;
        width: 100%;
        height: 150px;
        border-bottom: 1px solid #003e6b;
        margin-bottom: 0px;
        padding: 20px 0;
    }
    
    div.wrapper-profils ul li div.en-tete-profil,
    div.wrapper-profils ul li div.footer-profil {
        width: calc(100% - 82px);
        margin-left: 30px;
    }
    
    div.wrapper-profils ul li div.en-tete-profil div.en-tete-texte h3 {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    div.wrapper-profils ul li div.en-tete-profil div.en-tete-texte p {
        font-size: 12px;
    }
    
    div.wrapper-profils ul li div.en-tete-profil div.en-tete-texte p br {
        display: none;
    }
    
    div.wrapper-profils ul li div.en-tete-profil div.icone-profil {
        margin: 10px 30px 10px 0;
        width: 70px;
        height: 70px;
    }
    
    div.wrapper-profils ul li div.footer-profil a {
        font-size: 12px;
    }
    
    div.wrapper-profils ul li div.footer-profil a span {
        margin-top: 8px;
        width: 18px;
        height: 18px;
    }
    
    div.wrapper-profils ul li.steam div.visuel-profil div#steamv2_hype_container,
    div.wrapper-profils ul li.leadership div.visuel-profil div#entrepreunariatv2_hype_container,
    div.wrapper-profils ul li.science-sante div.visuel-profil div#sciencesv2_hype_container,
    div.wrapper-profils ul li.droit-etudes-internationales div.visuel-profil div#droitv2_hype_container {
        display: none !important;
    }
    
    div.wrapper-profils ul li div.visuel-profil {
        margin-right: 30px;
    }
    
    div.wrapper-profils ul li.steam div.visuel-profil {
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(../img/img-steam-raoul-mobile.png);
        background-size: cover;
        width: 110px;
        height: 149px;
    }
    
    div.wrapper-profils ul li.leadership div.visuel-profil {
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(../img/img-leadership-sarah-mobile.png);
        background-size: cover;
        width: 100px;
        height: 150px;
    }
    
    #block-system-main > div > div > div.panels-flexible-row.panels-flexible-row-1-3.panels-flexible-row-first.clearfix > div > div > div > div.panel-pane.pane-block.pane-villa-maria-tools-profils-etude-front > div > div > div.wrapper-profils > ul > li.science-sante > div.en-tete-profil > div.en-tete-texte > p > br {
        display: none;
    }
    
    div.wrapper-profils ul li.science-sante div.visuel-profil {
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(../img/img-science-sante-constant-mobile.png);
        background-size: cover;
        width: 130px;
        height: 150px;
    }
    
    div.wrapper-profils ul li.droit-etudes-internationales div.visuel-profil {
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(../img/img-droit-simone-mobile.png);
        background-size: cover;
        width: 110px;
        height: 150px;
    }
*/    
/*
    div.wrapper-etape-form {
        width: 100%;
        flex-direction: column;
        margin: 0;
    }
    
    div.wrapper-etape-form div.wrapper-etape-inscription {
        width: 100%;
        border-top: none;
        padding: 0 20px;
    }
    
    div.wrapper-etape-form div.wrapper-etape-inscription div.etape a.collapse-btn {
        display: none;
    }
    
    form#webform-client-form-302.webform-client-form.webform-client-form-302,
    form#webform-client-form-310.webform-client-form.webform-client-form-310 {
        width: 100%;
    }
    
    #webform-client-form-302 div.form-item label,
    #webform-client-form-310 div.form-item label {
        display: block;
    }
    
    #webform-client-form-302 input.form-text,
    #webform-client-form-310 input.form-text {
        width: 100%;
    }
    
    div.wrapper-etape-form div.wrapper-etape-inscription div.etape div.etape-un-infos,
    div.wrapper-etape-form div.wrapper-etape-inscription div.etape div.etape-deux-infos,
    div.wrapper-etape-form div.wrapper-etape-inscription div.etape div.etape-trois-infos {
        display: block;
    }
*/
    
    /*-------- PAGE PÉDAGOGIE/PROFIL ---------*/
    
    div.wrapper-page-profils {
        width: 100%;
        max-width: 100%;
    }
    
    body.page-node-307 .panels-flexible-9 .panels-flexible-row .field-name-field-image > .field-items > .field-item,
    body.page-node-307 section#block-system-main,
    body.page-node-311 .panels-flexible-9 .panels-flexible-row .field-name-field-image > .field-items > .field-item,
    body.page-node-311 section#block-system-main {
        height: 80px;
    }
    
    .btn-visite-virtuelle-wrapper {
        display: none;
    }
    
/*    div.wrapper-page-profil */
    h1.title {
        font-size: 36px;
    }
    
    section#block-villa-maria-tools-page-profils {
        padding-top: 100px;
    }
    
    #block-villa-maria-tools-page-profils div.wrapper-page-profils > ul {
        margin: 0;
    }
    
    section#block-villa-maria-tools-page-profils div.wrapper-page-profils div.col-gauche {
/*        display: none;*/
    }
    
    div.wrapper-page-profils div.col-droite {
        width: 100%;
        max-width: 100%;
        flex-direction: column;
    }
    
    div.wrapper-page-profils div.wrapper-titre-documentation {
        width: 100%;
        margin: 0;
        max-height: 140px;
/*
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
*/
    }
    
    div.wrapper-page-profils li#sciences-de-la-sante div.wrapper-titre-documentation {
        max-height: 115px;
    }
    
    div.wrapper-page-profils div.wrapper-titre-documentation h2 {
        font-size: 32px;
        padding: 32px 0;
        width: 100%;
    }
    
    div.wrapper-page-profils div.wrapper-titre-documentation > img {
        width: 60px;
        height: 60px;
        display: inline-block;
        margin: 32px 20px 32px 35px;
    }
    
    div.wrapper-page-profils ul li div.wrapper-titre-documentation div.img-mobile {
        display: none;
        height: auto;
        margin-right: 30px;
    }
    
    div.wrapper-page-profils div.col-droite div.col-1,
    div.wrapper-page-profils div.col-droite div.col-2 {
        width: 100%;
        margin: 0;
        float: none;
    }
    
    div.wrapper-page-profils div.col-droite div.col-1 div.wrapper-video {
        width: 100%;
    }
    
    div.wrapper-page-profils div.col-droite div.col-1 div.wrapper-video h3 {
        display: none;
    }
    
    div.wrapper-page-profils div.col-droite div.col-1 div.wrapper-video img {
        width: 100%;
        height: auto;
        display: block;
        margin: 0 0 0 35px;
    }
    
    div.wrapper-introduction,
    div.documentation,
    div.metiers,
    div.cours-specifiques,
    div.aptitudes,
    div.cegep {
        margin: 0;
        padding: 15px;
        width: 100%;
    }
    
    div.wrapper-introduction p,
    div.documentation p,
    div.cours-specifiques p,
    div.cegep p {
        padding: 0 20px;
    }
    
    div.metiers,
    div.cours-specifiques,
    div.aptitudes,
    div.cegep {
        border-top: 1px solid #003E6B;
    }
    
    div.aptitudes ul,
    div.cours-specifiques p,
    div.cegep ul,
    div.cegep p,
    div.metiers ul {
        display: none;
    }
    
    div.metiers ul {
        padding: 15px;
    }
    
    div.wrapper-page-profils div.col-1 div.documentation {
        position: initial;
        margin-top: 0;
    }
    
    div.wrapper-page-profils div.documentation a {
        margin-left: 15px;
    }
    
    div.wrapper-page-profils li div.aptitudes h3,
    div.wrapper-page-profils li div.cours-specifiques h3,
    div.wrapper-page-profils li div.cegep h3,
    div.wrapper-page-profils li div.metiers h3 {
        color: #003e6b;
        display: block;
        padding-left: 60px;
        background-size: 32px;
        background-repeat: no-repeat;
        background-position: left center;
        margin-left: 15px;
    }
    
    div.wrapper-page-profils li#steam div.aptitudes h3,
    div.wrapper-page-profils li#steam div.cours-specifiques h3,
    div.wrapper-page-profils li#steam div.cegep h3,
    div.wrapper-page-profils li#steam div.metiers h3 {
        background-image: url(../img/btn-plus-vert.svg);
    }
    
    div.wrapper-page-profils li#steam div.aptitudes h3.open,
    div.wrapper-page-profils li#steam div.cours-specifiques h3.open,
    div.wrapper-page-profils li#steam div.cegep h3.open,
    div.wrapper-page-profils li#steam div.metiers h3.open {
        background-image: url(../img/btn-moins-vert.svg);
    }
    
    div.wrapper-page-profils li#sciences-de-la-sante div.aptitudes h3,
    div.wrapper-page-profils li#sciences-de-la-sante div.cours-specifiques h3,
    div.wrapper-page-profils li#sciences-de-la-sante div.cegep h3,
    div.wrapper-page-profils li#sciences-de-la-sante div.metiers h3 {
        background-image: url(../img/btn-plus-rouge.svg);
    }
    
    div.wrapper-page-profils li#sciences-de-la-sante div.aptitudes h3.open,
    div.wrapper-page-profils li#sciences-de-la-sante div.cours-specifiques h3.open,
    div.wrapper-page-profils li#sciences-de-la-sante div.cegep h3.open,
    div.wrapper-page-profils li#sciences-de-la-sante div.metiers h3.open {
        background-image: url(../img/btn-moins-rouge.svg);
    }
    
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.aptitudes h3,
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.cours-specifiques h3,
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.cegep h3,
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.metiers h3 {
        background-image: url(../img/btn-plus-orange.svg);
    }
    
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.aptitudes h3.open,
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.cours-specifiques h3.open,
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.cegep h3.open,
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.metiers h3.open {
        background-image: url(../img/btn-moins-orange.svg);
    }
    
    div.wrapper-page-profils li#droit-et-etudes-internationales div.aptitudes h3,
    div.wrapper-page-profils li#droit-et-etudes-internationales div.cours-specifiques h3,
    div.wrapper-page-profils li#droit-et-etudes-internationales div.cegep h3,
    div.wrapper-page-profils li#droit-et-etudes-internationales div.metiers h3 {
        background-image: url(../img/btn-plus-bleu.svg);
    }
    
    div.wrapper-page-profils li#droit-et-etudes-internationales div.aptitudes h3.open,
    div.wrapper-page-profils li#droit-et-etudes-internationales div.cours-specifiques h3.open,
    div.wrapper-page-profils li#droit-et-etudes-internationales div.cegep h3.open,
    div.wrapper-page-profils li#droit-et-etudes-internationales div.metiers h3.open {
        background-image: url(../img/btn-moins-bleu.svg);
    }
    
    div#webform-ajax-wrapper-302,
    div#webform-ajax-wrapper-310 {
        width: 100%;
    }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    
    /*-------- PAGE PÉDAGOGIE/PROFIL ---------*/
    section#block-villa-maria-tools-page-profils {
        padding-top: 160px;
    }
    
    div.wrapper-page-profils div.wrapper-titre-documentation h2 {
        width: 100%;
    }
    
    div.wrapper-page-profils div.col-droite div.col-1 div.wrapper-video img {
        width: 450px;
    }
}

/*---------------------------------------------------*/
/*---------------------------------------------------*/
/* ---------------- iPhone 5 and 5S ---------------- */
/*---------------------------------------------------*/
/*---------------------------------------------------*/

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    
    ul.language-switcher-locale-url {
        font-size: 18px;
        position: initial;
        float: left;
        padding: 0 0 0 20px;
/*        margin: 30px -50px 10px 20px;*/
    }
    
/*
    div.wrapper-intro-video-accueil {
        width: 100%;
        margin: 20px 0 0 0;
    }
    
    div.wrapper-intro-video-accueil div.wrapper-texte-intro {
        width: 100%;
        margin: 0;
        padding: 0 20px;
    }
    
    div.wrapper-intro-video-accueil div.wrapper-texte-intro h1 {
        padding: 0;
    }
    
    div.wrapper-intro-video-accueil div.wrapper-texte-intro p {
        width: 100%;
        padding: 0;
    }
    
    div.wrapper-intro-video-accueil div.wrapper-video {
        display: none;
    }
*/
    
/*
    div.wrapper-presentation-profils {
        margin: 20px 20px 50px 20px;
    }
    
    div.wrapper-presentation-profils h2 {
        margin: 0;
        font-size: 24px;
        text-align: left;
    }
    
    div.wrapper-presentation-profils p {
        text-align: left;
    }
*/
    
/*    div.wrapper-profils div.fleche-bas {
        margin: 0;
        width: 100%;
        background: url(../img/img-profils-mobile.png) no-repeat;
        background-position: center;
        background-size: cover;
    }
    
    div.wrapper-profils ul {
        flex-direction: column;
        margin: 0 0 20px 0;
        padding: 0;
    }
    
    div.wrapper-profils ul li {
        position: relative;
        width: 100%;
        height: 150px;
        border-bottom: 1px solid #003e6b;
        margin-bottom: 0px;
        padding: 20px 0;
    }
    
    div.wrapper-profils ul li div.en-tete-profil,
    div.wrapper-profils ul li div.footer-profil {
        width: calc(100% - 82px);
        margin-left: 20px;
    }
    
    div.wrapper-profils ul li div.en-tete-profil div.en-tete-texte h3 {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    div.wrapper-profils ul li div.en-tete-profil div.en-tete-texte p {
        font-size: 12px;
    }
    
    div.wrapper-profils ul li div.en-tete-profil div.icone-profil {
        margin: 10px 10px 10px 0;
        width: 70px;
        height: 70px;
    }
    
    div.wrapper-profils ul li div.footer-profil a {
        font-size: 12px;
    }
    
    div.wrapper-profils ul li div.footer-profil a span {
        margin-top: 8px;
        width: 18px;
        height: 18px;
    }
    
    div.wrapper-profils ul li.steam div.visuel-profil div#steam_hype_container,
    div.wrapper-profils ul li.leadership div.visuel-profil div#entrepreunariat_hype_container,
    div.wrapper-profils ul li.science-sante div.visuel-profil div#sciences_hype_container,
    div.wrapper-profils ul li.droit-etudes-internationales div.visuel-profil div#droit_hype_container {
        display: none !important;
    }
    
    div.wrapper-profils ul li.steam div.visuel-profil {
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(../img/img-steam-raoul-mobile.png);
        background-size: cover;
        width: 110px;
        height: 149px;
    }
    
    div.wrapper-profils ul li.leadership div.visuel-profil {
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(../img/img-leadership-sarah-mobile.png);
        background-size: cover;
        width: 100px;
        height: 150px;
    }
    
    #block-system-main > div > div > div.panels-flexible-row.panels-flexible-row-1-3.panels-flexible-row-first.clearfix > div > div > div > div.panel-pane.pane-block.pane-villa-maria-tools-profils-etude-front > div > div > div.wrapper-profils > ul > li.science-sante > div.en-tete-profil > div.en-tete-texte > p > br {
        display: none;
    }
    
    div.wrapper-profils ul li.science-sante div.visuel-profil {
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(../img/img-science-sante-constant-mobile.png);
        background-size: cover;
        width: 130px;
        height: 150px;
    }
    
    div.wrapper-profils ul li.droit-etudes-internationales div.visuel-profil {
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(../img/img-droit-simone-mobile.png);
        background-size: cover;
        width: 110px;
        height: 150px;
    }
 */   
    div.wrapper-interne-programme-distinction {
        width: 100%;
    }
    
    div.wrapper-interne-programme-distinction .icone-programme-distinction {
        width: 75px;
        height: 95px;
        margin-left: 20px;
    }
    
    div.wrapper-programme-distinction div.texte-programme-distinction {
        padding: 20px 20px 20px 0;
        margin-bottom: 0;
    }
    
    div.wrapper-programme-distinction div.texte-programme-distinction h2 {
        font-size: 20px;
        padding: 0;
    }
    
    div.wrapper-programme-distinction div.texte-programme-distinction p {
        font-size: 12px;
        padding: 0;
    }
    
    div.wrapper-programme-distinction div.texte-programme-distinction a {
        font-size: 12px;
        background-size: 22px 22px;
    }
    
/*
    div.wrapper-etape-form {
        width: 100%;
        max-width: 100%;
        flex-direction: column;
        margin: 0;
    }
    
    div.wrapper-etape-form div.wrapper-etape-inscription {
        width: 100%;
        border-top: none;
        padding: 0 20px;
    }
    
    div.wrapper-etape-inscription div.etape > a {
        display: block;
        height: 32px;
        background-image: url(../img/icone-plus-bleu-fonce.svg);
        background-repeat: no-repeat;
        background-size: 22px 22px;
        font-size: 14px;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        color: #003E6B;
        font-weight: 400;
        padding-top: 3px;
        padding-left: 30px;
        margin-left: -30px;
    }
    
    div.wrapper-etape-form div.wrapper-etape-inscription div.cta {
        margin-left: 0;
    }
    
    div.wrapper-etape-form div.wrapper-etape-inscription div.etape p {
        margin-left: 0;
    }
    
    div.wrapper-etape-inscription div.etape div.wrapper-colonne {
        margin-left: 0;
    }
    
    div.wrapper-etape-form div.wrapper-etape-inscription h2 {
        padding: 0;
        font-size: 30px;
    }
*/
    
/*
    div#webform-ajax-wrapper-302,
    div#webform-ajax-wrapper-310 {
        width: initial;
    }
    
    form#webform-client-form-302.webform-client-form.webform-client-form-302,
    form#webform-client-form-310.webform-client-form.webform-client-form-310 {
        width: 100%;
    }
    
    div.wrapper-etape-form div.wrapper-etape-inscription div.etape div.etape-un-infos,
    div.wrapper-etape-form div.wrapper-etape-inscription div.etape div.etape-deux-infos,
    div.wrapper-etape-form div.wrapper-etape-inscription div.etape div.etape-trois-infos {
        display: none;
        margin-left: -30px;
        margin-bottom: 20px;
    }
*/
    
    .footer.container {
        margin-top: 0;
        min-height: 360px;
    }
    
    /*-------- PAGE PÉDAGOGIE/PROFIL ---------*/
    
    div.wrapper-page-profils {
        width: 100%;
        max-width: 100%;
    }
    
    body.page-node-307 .panels-flexible-9 .panels-flexible-row .field-name-field-image > .field-items > .field-item,
    body.page-node-307 section#block-system-main {
        height: 80px;
    }
    
    body.page-node-311 .panels-flexible-9 .panels-flexible-row .field-name-field-image > .field-items > .field-item,
    body.page-node-311 section#block-system-main {
        height: 80px;
    }
    
    .btn-visite-virtuelle-wrapper {
        display: none;
    }
    
/*    div.wrapper-page-profil */
    h1.title {
        font-size: 28px;
    }
    
    section#block-villa-maria-tools-page-profils {
        padding-top: 35px;
    }
    
    #block-villa-maria-tools-page-profils div.wrapper-page-profils > ul {
        margin: 0;
    }
    
    section#block-villa-maria-tools-page-profils div.wrapper-page-profils div.col-gauche {
        display: none;
    }
    
    div.wrapper-page-profils div.col-droite {
        width: 100%;
        max-width: 100%;
        flex-direction: column;
    }
    
    div.wrapper-page-profils div.wrapper-titre-documentation {
        width: 100%;
        margin: 0;
        max-height: 140px;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
    }
    
    div.wrapper-page-profils li#sciences-de-la-sante div.wrapper-titre-documentation {
        max-height: 115px;
    }
    
    div.wrapper-page-profils div.wrapper-titre-documentation h2 {
        font-size: 18px;
        padding: 32px 0;
        width: calc(100% - 190px);
    }
    
    div.wrapper-page-profils div.wrapper-titre-documentation > img {
        width: 60px;
        height: 60px;
        display: inline-block;
        margin: 32px 10px 32px 20px;
    }
    
    div.wrapper-page-profils ul li div.wrapper-titre-documentation div.img-mobile {
        display: block;
        height: auto;
    }
    
    div.wrapper-page-profils div.col-droite div.col-1,
    div.wrapper-page-profils div.col-droite div.col-2 {
        width: 100%;
        margin: 0;
        float: none;
    }
    
    div.wrapper-page-profils div.col-droite div.col-1 div.wrapper-video {
        width: 100%;
    }
    
    div.wrapper-page-profils div.col-droite div.col-1 div.wrapper-video h3 {
        display: none;
    }
    
    div.wrapper-page-profils div.col-droite div.col-1 div.wrapper-video img {
        width: 100%;
        height: auto;
    }
    
    div.wrapper-introduction,
    div.documentation,
    div.metiers,
    div.cours-specifiques,
    div.aptitudes,
    div.cegep {
        margin: 0;
        padding: 10px;
        width: 100%;
    }
    
    div.col-droite div.col-1 div.documentation {
        margin-top: 0;
    }
    
    div.metiers,
    div.cours-specifiques,
    div.aptitudes,
    div.cegep {
        border-top: 1px solid #003E6B;
    }
    
    div.aptitudes ul,
    div.cours-specifiques p,
    div.cegep ul,
    div.cegep p,
    div.metiers ul {
        display: none;
    }
    
    div.metiers ul {
        padding: 10px;
    }
    
    div.wrapper-page-profils li div.aptitudes h3,
    div.wrapper-page-profils li div.cours-specifiques h3,
    div.wrapper-page-profils li div.cegep h3,
    div.wrapper-page-profils li div.metiers h3 {
        color: #003e6b;
        display: block;
        padding-left: 45px;
        background-size: 32px;
        background-repeat: no-repeat;
        background-position: left center;
    }
    
    div.wrapper-page-profils li#steam div.aptitudes h3,
    div.wrapper-page-profils li#steam div.cours-specifiques h3,
    div.wrapper-page-profils li#steam div.cegep h3,
    div.wrapper-page-profils li#steam div.metiers h3 {
        background-image: url(../img/btn-plus-vert.svg);
    }
    
    div.wrapper-page-profils li#sciences-de-la-sante div.aptitudes h3,
    div.wrapper-page-profils li#sciences-de-la-sante div.cours-specifiques h3,
    div.wrapper-page-profils li#sciences-de-la-sante div.cegep h3,
    div.wrapper-page-profils li#sciences-de-la-sante div.metiers h3 {
        background-image: url(../img/btn-plus-rouge.svg);
    }
    
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.aptitudes h3,
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.cours-specifiques h3,
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.cegep h3,
    div.wrapper-page-profils li#entrepreneuriat-et-leadership div.metiers h3 {
        background-image: url(../img/btn-plus-orange.svg);
    }
    
    div.wrapper-page-profils li#droit-et-etudes-internationales div.aptitudes h3,
    div.wrapper-page-profils li#droit-et-etudes-internationales div.cours-specifiques h3,
    div.wrapper-page-profils li#droit-et-etudes-internationales div.cegep h3,
    div.wrapper-page-profils li#droit-et-etudes-internationales div.metiers h3 {
        background-image: url(../img/btn-plus-bleu.svg);
    }
    
    div.wrapper-page-profils li div.aptitudes h3,
    div.wrapper-page-profils li div.cours-specifiques h3,
    div.wrapper-page-profils li div.cegep h3,
    div.wrapper-page-profils li div.metiers h3 {
        color: #003e6b;
        display: block;
        padding-left: 45px;
        background-size: 32px;
        background-repeat: no-repeat;
        background-position: left center;
    }
    
    div.wrapper-page-profils li#steam div.aptitudes h3,
    div.wrapper-page-profils li#steam div.cours-specifiques h3,
    div.wrapper-page-profils li#steam div.cegep h3,
    div.wrapper-page-profils li#steam div.metiers h3 {
        background-image: url(../img/btn-plus-vert.svg);
    }
    
    div.wrapper-page-profils li#health-sciences div.aptitudes h3,
    div.wrapper-page-profils li#health-sciences div.cours-specifiques h3,
    div.wrapper-page-profils li#health-sciences div.cegep h3,
    div.wrapper-page-profils li#health-sciences div.metiers h3 {
        background-image: url(../img/btn-plus-rouge.svg);
    }
    
    div.wrapper-page-profils li#entrepreneurship--leadership div.aptitudes h3,
    div.wrapper-page-profils li#entrepreneurship--leadership div.cours-specifiques h3,
    div.wrapper-page-profils li#entrepreneurship--leadership div.cegep h3,
    div.wrapper-page-profils li#entrepreneurship--leadership div.metiers h3 {
        background-image: url(../img/btn-plus-orange.svg);
    }
    
    div.wrapper-page-profils li#law--international-studies div.aptitudes h3,
    div.wrapper-page-profils li#law--international-studies div.cours-specifiques h3,
    div.wrapper-page-profils li#law--international-studies div.cegep h3,
    div.wrapper-page-profils li#law--international-studies div.metiers h3 {
        background-image: url(../img/btn-plus-bleu.svg);
    }

}