/*********************************************************/
/*					    MOBILE			    			*/
/*******************************************************/
header>div.container{
    min-width: 100%;
    background: #fff;
}

article{
    min-width: 100%;
}

div.container{
    min-width: 100%;
    max-width: 100%;
}

footer{
    min-width: 100%;
}
header a.logo img{
    height: 35px;
    margin-top: 5px;
}


#bannertitlearticle>div.container{
    height: 200px;
}

#bannertitlearticle h1{
    top: 40%;
    font-size: 16px;
}

.menu_button_svg{
    width: 40px;
}
article.two_columns.slider img.page_2, article.two_columns.slider img.page_3, article.two_columns.slider img.page_4, article.two_columns.slider div.page_2, article.two_columns.slider div.page_3, article.two_columns.slider div.page_4{
    display: block;
}

article h2{
    font-size: 20px;
    margin-bottom: 10px;

}
article h3{
    font-size: 17px;
}
article{
    padding: 10px 0;
}
article.two_columns.slider div.left_column{
    padding: 0;
}

article:first-of-type{
    padding-top: 60px;
}

header{
    height: 50px;
}

header div.menu_language{
   top:3px;
}

#brandsarticle div.logo_container{
    display: block;
    text-align: left;
    margin-left: 20%;
}



article .container p, article .container ul, article .container ul li, article .container div{
    font-size: 14px
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

footer div.container{
    display: block;
}

footer div.first_column a{
    font-size: 14px;
}

footer div.container>div{
    margin-left: 15px;
}

footer div.adress > div {
    display: inline-block;
    width: 32%;
    text-align: center;
    font-size: 12px;
    vertical-align: top;
}

footer div.adress p, footer div.second_column p {
    margin-bottom: 0px;
}
footer div.adress{
    margin-bottom: 0;
}

footer div.second_column{
    width: 100%;
}
footer div.social_links{
    position: absolute;
    top: 0;
    right: 15px;
}

footer div.social_links{
    width: 100%;
    position: inherit;
    padding: 0 3%;
}

footer div.adress > div
{
    width: 100%;
    text-align: left;
}

body[lang="fr"] footer div#headoffice{
    height: auto;
    padding-bottom: 0;
}

footer div.container> div.adress
{
    padding-bottom: 5px;
}
footer div.container>div div{
    padding-bottom: 5px;
}
footer div.container > .adress_2{
    margin-top: 0;
    font-size: 12px;
}

footer div.container > .social_links div.newsletter{
    margin-top: 5px;
    font-size: 12px;
}

article.two_columns iframe{
    width: 80%;
    position: initial;
    height: 100%;
}

article.two_columns.with_illustration svg#Calque_video{
    top: -20px;
    z-index: -1;
}

article.title_with_svg div.container>p, article.title_with_svg div.container>div{
    width: 100%;
    padding: 10px 5px;
}
/*********************************************************/
/*					    HOME PAGE			    			*/
/*******************************************************/
#whycertiftwocolumnssliderarticle .slide_arrow{
    display: none;
}
#whycertiftwocolumnssliderarticle.two_columns.slider div.container{
    display: block;
}
#whycertiftwocolumnssliderarticle .right_column{
    display: none;
}
#whycertiftwocolumnssliderarticle .left_column{
    width: 100%;
}
#whycertiftwocolumnssliderarticle .left_column div p{
    font-size: 14px;
}
#whycertiftwocolumnssliderarticle h2{
    text-align: left;
}

#whycertiftwocolumnssliderarticle .link_container{
    display: none;
}

#brandsarticle div.container>p{
    width: 100%;
}

#taketosabrandsarticle div.logo_container a img.desktop,#brandsarticle div.logo_container a img.desktop{
    width: 210px;
}

#taketosabrandsarticle div.logo_container a img.graphics, #brandsarticle div.logo_container a img.graphics{
    width: 217px;
}

#taketosabrandsarticle div.logo_container a img.digital, #brandsarticle div.logo_container a img.digital{
    width: 197px;
}

#taketosabrandsarticle div.logo_container a img.code, #brandsarticle div.logo_container a img.code{
    width: 191px;
}

#recognitionarticle .left_column{
    display: none;
}

#recognitionarticle .right_column{
    width: 100%;
}

#recognitionarticle h2{
    margin-bottom: 5px;
}

h2.vertical{
    writing-mode:initial;
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

#whowearearticle div.container{
    padding: 0;
    background-color: #3845D7;
}

#whowearearticle div.container>div{
    width: 100%;
    height: auto;
}

#whowearearticle h2{
    color: #FFF;
    margin-top: 20px;
    margin-left: 30px;
    border-bottom: 1px solid #c2c2c2;
}
#whowearearticle div.container div>p{
    width: 100%;
    font-size: 14px;
}
#whowearearticle div.container div{
    padding: 30px;
}

#whowearearticle div.page_1, #whowearearticle div.page_1.contracted{
    margin-left: 0;
}

#whowearearticle{
    padding: 0;
}

#whowearearticle div>div.contracted>p{
    display: block;
}
#whowearearticle div.contracted h3{
    writing-mode: initial;
    -webkit-transform: rotate(0deg);
    padding: 0;
    height: 0;
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
    margin-bottom: 22px;
}
#whowearearticle div.container div.page_2, #whowearearticle div.container div.page_3{
    margin-bottom: 0;
}

 #proposetosaarticle svg{
     display: none;
 }

 article.proposetosaarticle p:nth-of-type(2){
     flex-direction: column;
     margin: 0;
     height: 220px;
     margin-bottom: 20px;
 }

 article.proposetosaarticle p>a{
     align-self: center;
     width: 240px;
     line-height: 26px;
     height: 65px;
     font-size: 14px;
 }

 body[lang="fr"]>section>article.proposetosaarticle p>a:nth-of-type(2) {
    line-height: 14px;
}

#clientsliderarticle{
    display: none;
}

#testimonialarticle img{
    display: none;
}

#testimonialarticle p{
    width: 100%;
}


/*********************************************************/
/*					    CERTIFICATION PAGE			    			*/
/*******************************************************/
#expertisearticle div.container p{
    max-width: 100%;
}
#certificationtitlearticle img.brand_logo{
    width: 300px;
}

#certificationtitlearticle div.container > div {
    width: 100%;
}
#certificationtitlearticle div.container > svg{
    display: none;
}
#certificationtitlearticle div.container p.icon_container span{
    width: 58px;
    height: 58px;
    margin: 7px 13px;
}

#certificationtitlearticle.graphics div.container p.icon_container span{
    margin: 7px 11px;
}
#certificationtitlearticle div.container p.icon_container span img{
    height: 30px;
}

#certificationtitlearticle div.container p.icon_container{
    flex-wrap: wrap;
    height: auto;
    text-align: center;
}

#certificationtitlearticle div.container p{
    text-align: left;
}

article.brand.two_columns div.left_column{
    display: none;
}

article.brand.two_columns div.container>div.right_column{
    width: 100%;
}

#expertisearticle h2, #expertisearticle div.container p {
    text-align: left;
    line-height: 1.3;
}

#expertisearticle a.button{
    height: auto;
}

#expertisearticle div.container p.button_container{
    height: auto;
    text-align: center;
}

#remoteproctoringarticle .left_column, #remoteproctoringarticle .right_column{
    width: 100%;
}

#remoteproctoringarticle div.container>div ul li{
    padding: 5px 10px;
}

#remoteproctoringarticle.two_columns div.container>div{
    min-height: 200px;
}

#remoteproctoringarticle iframe{
    width: 100%;
    height: 100%;
}

#certificationtitlearticle div.container p.icon_container span img.indesign {
    height: 40px;
    left: 0px;
}

#certificationtitlearticle .icon_container span img.autocad{
    left: -7px;
}

article.brand div.right_column a.button.tst_frm_btn, #subjectdetailstitlearticle button.tst_frm_btn, #subjectdetailstitlearticle>div.container svg, #subjectdetailstitlearticle a.screenshot_container {
    display: none;
}
#subjectdetailstitlearticle>div.container{
    height: 255px;
}

#testtypesarticle table{
    margin-left: 0;
    width: 100%;
}
#subjectdetailstitlearticle>div.container>p{
    width: 96%;
}
/*********************************************************/
/*					    EXPERTISE PAGE			    			*/
/*******************************************************/
article.title_with_svg h1{
    width: 100%;
    font-size: 30px;
    padding-top: 5px;
}

#expertisetitlearticle div.container div{
    background: none;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
#methodologyarticle h2 {
    font-size: 20px;
    text-align: left;
}

#methodologyarticle .left_column {
    display: none;
}

#methodologyarticle .right_column {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

#methodologyarticle .button_container{
    width: 100%;
    padding-top: 0;
}
body[lang=en] #methodologyarticle .right_column p:first-of-type{
    font-size: 14px;
    width: 100%;
}
#methodologyarticle p{
    width: 100%;
}
#featuresarticle .left_column, #featuresarticle .right_column{
    width: 100%;
    min-height: auto;
    text-align: center;
}

article.two_columns.with_illustration svg#Calque_photo, article.two_columns.with_illustration svg#Calque_photo2 {
    height: calc(100% - -10px);
    left: 10%;
    z-index: -1;
}

#redproposetosaarticle svg{
    display: none;
}

article div.container>div ul li{
    margin-left: 10px;
}

article .container ul li {
    padding: 5px 10px;
}
/*********************************************************/
/*				BECOME A CENTER		    			*/
/*******************************************************/
#becomeacentertitlearticle div.container div{
    background: none;
}

#benefitsarticle .left_column{
    display: none;
}
#benefitsarticle h2{
    text-align: left;
}

#benefitsarticle.two_columns.blue_with_image.light_blue div.right_column p, #benefitsarticle .right_column{
    width: 100%;
}

#becomeacentertitlearticle div.container div>p{
    font-size: 14px;
}

#benefitsarticle .right_column p{
    width: 100%;
}

#readytousearticle .container h2, #readytousearticle div.container > p{
    text-align: left;
    padding: 0;
}

#readytousearticle div.image_container{
    flex-direction: column;
    width: 100%;
}

#readytousearticle p.elearning_container {
    width: 93%;
}

#readytousearticle p.elearning_container img {
    max-width: 110px;
}

#readytousearticle svg:first-of-type {
    position: absolute;
    height: 28%;
    left: 0px;
}

#readytousearticle div.image_container>img {
    width: 94%;

}

#readytousearticle svg:nth-of-type(2){
    display: none;
}

#becomeacenterproposetosaarticle .left_column{
    width: 100%;
}
#becomeacenterproposetosaarticle .right_column{
    width: 100%;
}

#becomeacenterproposetosaarticle div.container>div{
    min-height: auto;
}

#becomeacenterproposetosaarticle iframe{
    margin-left: 7%;
}

#becomeacenterproposetosaarticle p.lti_container img {
    max-width: 83px;
    
}
#becomeacenterproposetosaarticle p.lti_container{
    width: 92%;
}

#educationvideoarticle{
    margin-top: 0;
}
#becomeacenterproposetosaarticle svg#Calque_photo{
    left: 0;
}

#deploytosatwocolumnssliderarticle h2{
    flex: 100% 0 0;
    text-align: left;
}

#deploytosatwocolumnssliderarticle .container{
    flex-wrap: wrap;
}

#deploytosatwocolumnssliderarticle.two_columns.slider img.page_2,
#deploytosatwocolumnssliderarticle.two_columns.slider img.page_3,
#deploytosatwocolumnssliderarticle.two_columns.slider img.page_4,
#deploytosatwocolumnssliderarticle.two_columns.slider div.page_2,
#deploytosatwocolumnssliderarticle.two_columns.slider div.page_3,
#deploytosatwocolumnssliderarticle.two_columns.slider div.page_4{
    display: none;
}

#deploytosatwocolumnssliderarticle.two_columns.slider div.right_column img{
    width: 100%;
    margin-top: 80%;
}

#deploytosatwocolumnssliderarticle.two_columns.slider a.trait{
    width: 40px;
}

#deploytosatwocolumnssliderarticle.two_columns div.container>div.right_column{
    width: 30%;
}

#deploytosatwocolumnssliderarticle .left_column{
    width: 70%;
}

#deploytosatwocolumnssliderarticle .slide_arrow{
    display: none;
}

#faqcontactarticle .left_column{
    width: 100%;
}

#faqcontactarticle .right_column{
    width: 100%;
    margin-top: 20px;
}

#figuresarticle{
    display: none;
}

#accreditationarticle .left_column{
    width: 100%;
}

#accreditationarticle .right_column{
    display: none;
}

/*********************************************************/
/*				PASSER LE TOSA		    			*/
/*******************************************************/
#taketosawhycertifarticle .left_column{
    display: none;
}

#taketosawhycertifarticle .left_column{
    width: 100%;
}

#taketosawhycertifarticle div.container>div.right_column{
    margin-top: 0;
}

#howtocertifarticle .left_column, #howtocertifarticle .right_column{
    width: 100%;
}
#howtocertifarticle div.container>div{
    min-height: auto;
}

@media only screen and (max-device-width: 480px) {
    /*********************************************************/
    /*					    MENU			    			*/
    /*******************************************************/
    .mobile #menu_btn
    {
        background: center center no-repeat #6ad382;
        background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
        display: block;
        width: 57px;
        height: 85px;
        position: absolute;
        top: 0;
        right: 0px;
    }
    /* bc slider-nav-flex is 10*/
    .mobile .mm-menu{
        z-index: 11; 
    }

    article.two_columns div.container>div,
    #deploytosatwocolumnssliderarticle .left_column,
    #deploytosatwocolumnssliderarticle .right_column,
    #taketosabrandsarticle div.container > p {
        width: 100%!important;
    }

    #deploytosatwocolumnssliderarticle .right_column {
        display: flex;
        justify-content: center;
    }
    
    #taketosabrandsarticle div.logo_container {
        flex-wrap: wrap;
    }

    #deploytosatwocolumnssliderarticle .container {
        flex-direction: column;
    }

    #deploytosatwocolumnssliderarticle.two_columns.slider div.right_column img {
        margin: 0;
        width: 45%;
    }


}